fix(web): post styles

Chilfish · Aug 5, 2024 · b808de8 · b808de8
1 parent 5273dc6
commit b808de8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/ui/src/post/Meta.vue b/packages/ui/src/post/Meta.vue
@@ -20,6 +20,9 @@ const date = useDateFormat(props.meta.created_at, 'YY-MM-DD HH:mm')
 <template>
   <div
     class="flex flex-wrap items-center justify-end gap-1 text-3 text-gray sm:gap-3"
+    :style="{
+      flexDirection: isBody ? 'row' : 'row-reverse',
+    }"
   >
     <!-- <a
       v-if="'mblogid' in meta && isBody"
@@ -37,6 +40,7 @@ const date = useDateFormat(props.meta.created_at, 'YY-MM-DD HH:mm')
       v-if="'detail_url' in meta"
       :href="meta.detail_url"
       target="_blank"
+      class="to-weibo opacity-0 transition-opacity"
     >
       跳转到原微博
     </a>
@@ -55,3 +59,9 @@ const date = useDateFormat(props.meta.created_at, 'YY-MM-DD HH:mm')
     </span>
   </div>
 </template>
+
+<style lang="scss">
+.post:hover a.to-weibo {
+  opacity: 1;
+}
+</style>
diff --git a/packages/ui/src/post/Retweeted.vue b/packages/ui/src/post/Retweeted.vue
@@ -9,7 +9,7 @@ defineProps<{
 
 <template>
   <article
-    class="mt-4 flex flex-col gap-2 rounded-2 bg-light p-3 dark:bg-dark"
+    class="mt-4 flex flex-col gap-2 rounded-2 bg-light p-3 dark:bg-dark-5"
   >
     <post-profile
       v-if="post.user?.uid"