fix(list): adjust margin & padding

Author: dvcol

src/components/common/list/ListItem.vue

@@ -228,7 +228,7 @@ const onClick = () => emit('onItemClick', { item: item?.value });
             <NEmpty size="large" :description="i18n('placeholder_empty')" />
           </NFlex>
         </slot>
-        <NFlex v-else class="tile" :wrap="false">
+        <NFlex v-else class="tile" :wrap="false" align="center">
           <PosterComponent
             v-if="!hidePoster"
             :item="item as PosterItem"
@@ -283,8 +283,9 @@ const onClick = () => emit('onItemClick', { item: item?.value });
       );
 
       flex: 1 1 auto;
-      padding: 0.5rem;
-      border-radius: 1.15rem;
+      margin: 0.25rem 0;
+      padding: 0.3rem 0.25rem 0.25rem;
+      border-radius: 0.75rem;
 
       &:active {
         background-color: var(--bg-color-30);

src/styles/base.scss

@@ -199,6 +199,7 @@
   --image-box-shadow-hover: 0 0 20px 9px rgb(255 255 255 / 18%);
   --card-box-shadow: 0 1px 2px -2px rgb(0 0 0 / 24%), 0 3px 6px 0 rgb(0 0 0 / 18%), 0 5px 12px 4px rgb(0 0 0 / 12%);
   --inset-box-shadow: inset 0 0 20px 6px var(--bg-color-40);
+  --light-box-shadow: 2px 2px 2px 0 var(--bg-color-50), -1px -1px 1px 0 var(--bg-color-30);
 
   @media (display-mode: standalone) {
     /* height */