From 8351c63e57f1224d7f79a05dc70961223187de9e Mon Sep 17 00:00:00 2001
From: nquidox <nquidox@gmail.com>
Date: Thu, 25 Sep 2025 20:04:48 +0300
Subject: [PATCH] card style changes

---
 .../CollectionView/CollectionMerchCard.vue    | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/views/CollectionView/CollectionMerchCard.vue b/src/views/CollectionView/CollectionMerchCard.vue
index c528455..4c876f1 100644
--- a/src/views/CollectionView/CollectionMerchCard.vue
+++ b/src/views/CollectionView/CollectionMerchCard.vue
@@ -10,20 +10,37 @@ defineProps({
 </script>
 
 <template>
-  <n-card :title="merch.name" class="responsive-card">
+  <n-card class="responsive-card">
+    <template #header>
+      <h3 class="card-title">{{ merch.name }}</h3>
+    </template>
     <template #cover>
       <div class="cover-wrapper">
         <BoxIcon />
       </div>
     </template>
-    Card Content
   </n-card>
 </template>
 
 <style scoped>
 .responsive-card {
-  max-width: 200px;
-  min-width: 180px;
+  width: 180px;
+  height: 240px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.card-title {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  white-space: normal;
 }
 
 .cover-wrapper {
@@ -40,5 +57,4 @@ defineProps({
   height: auto;
   max-width: 80%;
 }
-
 </style>