💄 Optimized UI styles
This commit is contained in:
parent
8c7338a752
commit
b2ed560019
@ -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>
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user