diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/LeftPanel.svelte | 33 |
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> |