style: 给几个组件加了阴影

IdeaLeap · Jan 27, 2023 · 1e6ab80 · 1e6ab80
1 parent 6d441e4
commit 1e6ab80
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/components/Aside/Gadgets.vue b/frontend/components/Aside/Gadgets.vue
@@ -8,9 +8,9 @@ defineProps({
 </script>
 
 <template>
-  <div display="block" class="bg-light-50 p-5">
+  <div display="block" class="bg-light-50 p-4 rounded-sm shadow-[0_2px_2px_0_rgba(0,0,0,0.05)]">
     <nuxt-link class="" :href="gadgets.url">
-      <div class="flex flex-row items-center gap-4">
+      <div class="flex flex-row items-center gap-5">
         <div class="items-end">
           <nuxt-img
             :src="gadgets.qrcode"

diff --git a/frontend/components/Aside/LinkList.vue b/frontend/components/Aside/LinkList.vue
@@ -9,9 +9,9 @@ defineProps({
 </script>
 
 <template>
-  <div display="block" class="">
-    <div class="bg-[#ffffff]">
-      <ul class=" flex-col gap-3 items-center flex">
+  <div display="block">
+    <div class="bg-[#ffffff] rounded-sm shadow-[0_2px_2px_0_rgba(0,0,0,0.05)]">
+      <ul class="flex flex-col gap-3 items-center px-2.5">
         <li v-for="i in links" :key="i.url" class="h-[100%] w-[100%]">
           <nuxt-link
             :to="i.url"