aboutsummaryrefslogtreecommitdiff
path: root/src/components/LeftPanel.svelte
diff options
context:
space:
mode:
authorMistivia <i@mistivia.com>2025-02-20 13:26:43 +0800
committerMistivia <i@mistivia.com>2025-02-20 13:26:43 +0800
commit2ebdfe109bbff27b35a5e9ae208dabddd266191e (patch)
treeed63233177008c7bef134606fbf0254754e91fb2 /src/components/LeftPanel.svelte
parenta7488d695b3f647d657f6b3482d5333e1e869771 (diff)
change project layout
Diffstat (limited to 'src/components/LeftPanel.svelte')
-rw-r--r--src/components/LeftPanel.svelte80
1 files changed, 0 insertions, 80 deletions
diff --git a/src/components/LeftPanel.svelte b/src/components/LeftPanel.svelte
deleted file mode 100644
index 90937f2..0000000
--- a/src/components/LeftPanel.svelte
+++ /dev/null
@@ -1,80 +0,0 @@
-<script lang="js">
-
- import {
- leftPanelCardId,
- leftPanelCardDesc,
- } from '../control/left_panel';
-
- import { cardImageUrl } from '../utils';
-
-
-</script>
-
-<div class="left-panel">
- <div class="card-preview">
- <div class="card-image-large">
- {#if $leftPanelCardId}
- <img height="100%" src={cardImageUrl($leftPanelCardId)} alt="card img">
- {/if}
- </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>
-
-<style>
-
-.left-panel {
- width: 25%;
- padding: 2vh 20px;
- background-color: #f5f5f5;
-}
-
-.card-image-large {
- height: 40vh;
- text-align: center;
- background-color: #ddd;
- margin-bottom: 20px;
- border-radius: 8px;
-}
-
-.card-description {
- line-height: 1.4;
- font-size: 14px;
- height: 50vh;
-}
-
-.card-desc-text {
- 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>