diff --git a/modules/rchoices/components/folk-choices-dashboard.ts b/modules/rchoices/components/folk-choices-dashboard.ts index c6cb419..21cd40a 100644 --- a/modules/rchoices/components/folk-choices-dashboard.ts +++ b/modules/rchoices/components/folk-choices-dashboard.ts @@ -525,11 +525,12 @@ class FolkChoicesDashboard extends HTMLElement { .demo-badge { font-size: 0.7rem; padding: 2px 8px; border-radius: 999px; background: var(--rs-primary); color: #fff; font-weight: 500; } /* Tabs */ - .demo-tabs { display: flex; gap: 4px; margin-bottom: 1.5rem; background: var(--rs-bg-page); border-radius: 10px; padding: 4px; } + .demo-tabs { display: flex; gap: 4px; margin-bottom: 1.5rem; margin-top: 4px; background: var(--rs-bg-page); border-radius: 10px; padding: 4px; } .demo-tab { flex: 1; text-align: center; padding: 0.6rem 0.75rem; border-radius: 8px; border: none; background: transparent; color: var(--rs-text-secondary); cursor: pointer; font-size: 0.875rem; font-family: inherit; transition: all 0.15s; } .demo-tab:hover { color: var(--rs-text-primary); background: var(--rs-bg-surface); } .demo-tab.active { background: var(--rs-bg-surface); color: var(--rs-text-primary); box-shadow: var(--rs-shadow-sm); } .demo-tab-icon { margin-right: 6px; } + .demo-tab-label { } /* Spider chart */ .spider-wrap { display: flex; flex-direction: column; align-items: center; } @@ -580,6 +581,8 @@ class FolkChoicesDashboard extends HTMLElement { .create-btn { padding: 0.375rem 0.75rem; font-size: 0.8125rem; } .demo-tabs { gap: 2px; padding: 3px; } .demo-tab { padding: 0.5rem; font-size: 0.8125rem; } + .demo-tab-label { display: none; } + .demo-tab-icon { margin-right: 0; font-size: 1.1rem; } .rank-item { padding: 0.625rem 0.75rem; gap: 8px; } .rank-name { font-size: 0.875rem; } .vote-option { padding: 0.625rem 0.75rem; } @@ -594,7 +597,7 @@ class FolkChoicesDashboard extends HTMLElement {
- ${tabs.map((t) => ``).join("")} + ${tabs.map((t) => ``).join("")}
diff --git a/modules/rchoices/mod.ts b/modules/rchoices/mod.ts index bc4c1c6..29ae99f 100644 --- a/modules/rchoices/mod.ts +++ b/modules/rchoices/mod.ts @@ -56,7 +56,7 @@ routes.get("/", (c) => { modules: getModuleInfoList(), theme: "dark", body: ``, - scripts: ``, + scripts: ``, styles: ``, })); });