feat(stacked-cards): 调整卡片组样式

src/components/input/ChatInput.vue

@@ -718,8 +718,8 @@ onMounted(() => {
   display: grid;
   place-items: center;
   border-radius: 0;
-  width: 88px;
-  height: 118px;
+  width: 50px;
+  height: 70px;
   background-color: rgb(255, 255, 255);
 }
 

src/components/sidebar/ChatSidebar.vue

@@ -625,6 +625,13 @@ onBeforeUnmount(() => {
   }
 }
 
+.group-list{
+  gap:5px;
+  display:flex;
+  flex-direction:column;
+  padding: 0 20px;
+}
+
 .empty-state {
   margin: auto 0;
   display: flex;

src/components/sidebar/ConversationItem.vue

@@ -175,7 +175,6 @@ function handleDelete() {
   align-items: center;
   gap: 10px;
   padding: 10px 12px;
-  margin: 2px 8px;
   border-radius: 10px;
   cursor: pointer;
 

src/components/ui/StackedCards.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { NModal, NImage } from 'naive-ui'
+import PlusIcon from '../icons/custom/PlusIcon.vue'
 export interface CardItem {
   id: string | number
   title?: string
@@ -27,7 +28,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   maxVisible: 5,
-  spreadGap: 190,
+  spreadGap: 120,
   supportsFiles: true,
   supportsVision: true,
 })
@@ -318,20 +319,20 @@ onUnmounted(() => {
   justify-content: center;
   perspective: 1000px;
 }
-
+/* 卡片大小 */
 .cards-wrapper {
   position: relative;
   display: flex;
   align-items: center;
-  justify-content: center;
-  min-width: 90px;
-  height: 130px;
+  justify-content: flex-end;
+  min-width: 70px;
+  height: 70px;
 }
 
 .card {
   position: absolute;
-  width: 90px;
-  height: 120px;
+  width: 90%;
+  height: 100%;
   border-radius: 5px;
   border: 1px solid var(--card-border-color, var(--ffffff, #FFF));
   background: url(<path-to-image>) lightgray 50% / cover no-repeat;