💄 Optimized UI styles

This commit is contained in:
LittleSheep 2024-03-20 23:15:46 +08:00
parent 8c7338a752
commit b2ed560019
4 changed files with 4 additions and 4 deletions

View File

@ -4,7 +4,7 @@
<post-list v-model:posts="posts" :loader="readMore" /> <post-list v-model:posts="posts" :loader="readMore" />
</div> </div>
<div class="aside sticky top-0 w-full h-fit md:min-w-[280px] md:max-w-[320px] max-md:order-first"> <div class="aside md:sticky top-0 w-full h-fit md:min-w-[280px] md:max-w-[320px] max-md:order-first">
<v-card title="Categories"> <v-card title="Categories">
<v-list density="compact"> <v-list density="compact">
<v-list-item title="All" prepend-icon="mdi-apps" active></v-list-item> <v-list-item title="All" prepend-icon="mdi-apps" active></v-list-item>

View File

@ -44,7 +44,7 @@
</v-card> </v-card>
</div> </div>
<div class="aside sticky top-0 w-full h-fit w-full md:max-w-[380px] md:min-w-[360px]"> <div class="aside md:sticky top-0 w-full h-fit w-full md:max-w-[380px] md:min-w-[360px]">
<v-card title="Comments"> <v-card title="Comments">
<div class="px-[1rem] pb-[0.825rem] mt-[-12px]"> <div class="px-[1rem] pb-[0.825rem] mt-[-12px]">
<comment-list <comment-list

View File

@ -51,7 +51,7 @@
</v-card> </v-card>
</div> </div>
<div class="aside sticky top-0 w-full h-fit w-full md:max-w-[380px] md:min-w-[360px]"> <div class="aside md:sticky top-0 w-full h-fit w-full md:max-w-[380px] md:min-w-[360px]">
<v-card title="Comments"> <v-card title="Comments">
<div class="px-[1rem] pb-[0.825rem] mt-[-12px]"> <div class="px-[1rem] pb-[0.825rem] mt-[-12px]">
<comment-list <comment-list

View File

@ -4,7 +4,7 @@
<post-list v-model:posts="posts" :loader="readMore" /> <post-list v-model:posts="posts" :loader="readMore" />
</div> </div>
<div class="aside sticky top-0 w-full h-fit md:min-w-[280px] md:max-w-[320px] max-md:order-first"> <div class="aside md:sticky top-0 w-full h-fit md:min-w-[280px] md:max-w-[320px] max-md:order-first">
<v-card title="Realm Info" :loading="loading"> <v-card title="Realm Info" :loading="loading">
<template #title> <template #title>
<div class="flex justify-between"> <div class="flex justify-between">