From b2ed5600198d4b9ac5a329da102f674925e3bde8 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Wed, 20 Mar 2024 23:15:46 +0800
Subject: [PATCH] :lipstick: Optimized UI styles

---
 pkg/views/src/views/explore.vue        | 2 +-
 pkg/views/src/views/posts/articles.vue | 2 +-
 pkg/views/src/views/posts/moments.vue  | 2 +-
 pkg/views/src/views/realms/page.vue    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pkg/views/src/views/explore.vue b/pkg/views/src/views/explore.vue
index c943779..43fe874 100644
--- a/pkg/views/src/views/explore.vue
+++ b/pkg/views/src/views/explore.vue
@@ -4,7 +4,7 @@
       <post-list v-model:posts="posts" :loader="readMore" />
     </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-list density="compact">
           <v-list-item title="All" prepend-icon="mdi-apps" active></v-list-item>
diff --git a/pkg/views/src/views/posts/articles.vue b/pkg/views/src/views/posts/articles.vue
index 0f5d0e7..104f8f5 100644
--- a/pkg/views/src/views/posts/articles.vue
+++ b/pkg/views/src/views/posts/articles.vue
@@ -44,7 +44,7 @@
       </v-card>
     </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">
         <div class="px-[1rem] pb-[0.825rem] mt-[-12px]">
           <comment-list
diff --git a/pkg/views/src/views/posts/moments.vue b/pkg/views/src/views/posts/moments.vue
index 7296f1a..27b37c4 100644
--- a/pkg/views/src/views/posts/moments.vue
+++ b/pkg/views/src/views/posts/moments.vue
@@ -51,7 +51,7 @@
       </v-card>
     </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">
         <div class="px-[1rem] pb-[0.825rem] mt-[-12px]">
           <comment-list
diff --git a/pkg/views/src/views/realms/page.vue b/pkg/views/src/views/realms/page.vue
index 3d1dad3..d4bfa62 100644
--- a/pkg/views/src/views/realms/page.vue
+++ b/pkg/views/src/views/realms/page.vue
@@ -4,7 +4,7 @@
       <post-list v-model:posts="posts" :loader="readMore" />
     </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">
         <template #title>
           <div class="flex justify-between">