diff --git a/tkds/web/dashboard.html b/tkds/web/dashboard.html index f95450b..0e3a2a9 100644 --- a/tkds/web/dashboard.html +++ b/tkds/web/dashboard.html @@ -193,17 +193,32 @@ .system-card .card-icon { font-size: 26px; } .system-card .card-name { font-size: 14px; font-weight: 600; } - /* Shortcut category labels */ - .shortcut-cat-label { - grid-column: 1 / -1; - font-size: 12px; - font-weight: 600; - color: #6b7280; - padding: 8px 0 2px; - border-bottom: 1px solid #e5e7eb; - margin-bottom: 4px; + /* Banner */ + .banner-list { + display: flex; + flex-direction: column; + gap: 8px; } - .shortcut-cat-label:first-child { padding-top: 0; } + .banner-item { + display: flex; + align-items: center; + gap: 10px; + padding: 12px 16px; + background: white; + border-radius: 10px; + border-left: 4px solid; + text-decoration: none; + color: inherit; + box-shadow: 0 1px 3px rgba(0,0,0,0.08); + transition: transform 0.15s, box-shadow 0.15s; + } + .banner-item:hover { + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(0,0,0,0.1); + } + .banner-icon { font-size: 20px; flex-shrink: 0; } + .banner-text { font-size: 14px; font-weight: 500; color: #1f2937; flex: 1; } + .banner-arrow { font-size: 18px; color: #9ca3af; } /* Coming soon */ .badge-soon { @@ -265,9 +280,8 @@
-