chore: add previews to overview page

virtualidentityag · Oct 30, 2024 · 36fac52 · 36fac52
1 parent 5b2ce01
commit 36fac52
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/pages/index.twig b/src/pages/index.twig
@@ -20,9 +20,9 @@
   {
   name: 'Dataset Detail',
   variants:  [
-  { href: './dataset', label: 'Default ❌'},
-  { href: './dataset-with-chart', label: 'With chart ❌'},
-  { href: './dataset-tables', label: 'Dataset tables ❌'},
+  { href: './dataset', label: 'Default ✅', thumbnail: 'dataset.webp', thumbnail_dark: 'dataset-dark.webp'},
+  { href: './dataset-with-chart', label: 'With chart ✅', thumbnail: 'dataset-with-chart.webp', thumbnail_dark: 'dataset-with-chart-dark.webp'},
+  { href: './dataset-tables', label: 'Dataset tables ✅', thumbnail: 'dataset-tables.webp', thumbnail_dark: 'dataset-tables-dark.webp'},
   ]
   },
   {

diff --git a/src/styles/base/_theme.scss b/src/styles/base/_theme.scss
@@ -34,3 +34,17 @@
     }
   }
 }
+
+.dark-mode-only {
+  display: none;
+}
+
+[data-bs-theme='dark'] {
+  .light-mode-only {
+    display: none;
+  }
+
+  .dark-mode-only {
+    display: initial;
+  }
+}