mirrors/firefish
1
0
Fork 1
mirror of https://git.joinfirefish.org/firefish/firefish.git synced 2024-05-18 07:21:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix (client): list layout on mobile

Browse source
This commit is contained in:
naskya 2024-04-17 19:06:29 +09:00
parent 17fb05430e
commit 8489066130
No known key found for this signature in database
GPG key ID: 712D413B3A9FED5C
1 changed files with 9 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/client/src/pages/user-list-timeline.vue
View file

@ -3,7 +3,7 @@
<template #header
><MkPageHeader :actions="headerActions" :tabs="headerTabs"
/></template>
<div ref="rootEl" class="eqqrhokj">
<MkSpacer>
<div class="tl _block">
<XTimeline
ref="tlEl"
@ -14,12 +14,15 @@
:sound="true"
/>
</div>
</div>
</MkSpacer>
</MkStickyContainer>
</template>
<script lang="ts" setup>
import { computed, ref, watch } from "vue";
import type { entities } from "firefish-js";
// TODO: disable this rule properly
// biome-ignore lint/style/useImportType: used in <template>
import XTimeline from "@/components/MkTimeline.vue";
import * as os from "@/os";
import { useRouter } from "@/router";
@ -33,9 +36,8 @@ const props = defineProps<{
listId: string;
}>();
const list = ref(null);
const list = ref<entities.UserList>();
const tlEl = ref<InstanceType<typeof XTimeline>>();
const rootEl = ref<HTMLElement>();
watch(
() => props.listId,
@ -92,13 +94,8 @@ definePageMetadata(
</script>
<style lang="scss" scoped>
.eqqrhokj {
padding: var(--margin);
max-width: 800px;
margin: 0 auto;
> .tl {
background: none;
border-radius: var(--radius);
}
.tl {
background: none;
border-radius: var(--radius);
}
</style>