fix (client): list layout on mobile
This commit is contained in:
parent
17fb05430e
commit
8489066130
1 changed files with 9 additions and 12 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue