polish

1 files changed, 29 insertions, 4 deletions

diff --git a/src/components/LeftPanel.svelte b/src/components/LeftPanel.svelte
index b2fe2b1..90937f2 100644
--- a/src/components/LeftPanel.svelte
+++ b/src/components/LeftPanel.svelte
@@ -19,6 +19,12 @@
         </div>
         <div class="card-description">
             <pre class="card-desc-text">{$leftPanelCardDesc}</pre>
+            <div style="height:3em;line-height:1.0;overflow:hidden;">
+                <div style="break-inside:avoid;"><p style="text-align:center;"><small>
+                    <a class="link" href="https://github.com/mistivia/ygo-deck-builder">GitHub</a>
+                    <br>关注 <a class="link" href="https://mistivia.com">Mistivia</a> 谢谢喵~
+                </small></p></div>
+            </div>
         </div>
     </div>
 </div>
@@ -27,7 +33,7 @@
 
 .left-panel {
     width: 25%;
-    padding: 20px;
+    padding: 2vh 20px;
     background-color: #f5f5f5;
 }
 
@@ -40,16 +46,35 @@
 }
 
 .card-description {
-    line-height: 1.6;
+    line-height: 1.4;
     font-size: 14px;
-    height: 55vh;
+    height: 50vh;
 }
 
 .card-desc-text {
-      height: 45vh; 
+      height: calc(50vh - 3em); 
       white-space: pre-wrap;
       word-wrap: break-word;
       overflow: auto;
 }
 
+a.link {
+    color: #000000; /* 文本颜色设置为黑色 */
+    text-decoration: underline; /* 添加下划线 */
+    cursor: pointer; /* 鼠标悬停时显示手形指针 */
+}
+
+a.link:visited {
+    color: #000000; /* 已访问链接颜色保持黑色 */
+}
+
+a.link:hover {
+    color: #000000; /* 悬停时颜色不变 */
+    text-decoration: underline; /* 悬停时保持下划线 */
+}
+
+a.link:active {
+    color: #000000; /* 点击时颜色不变 */
+}
+
 </style>