diff --git a/frontend/src/components/SearchableSelect.css b/frontend/src/components/SearchableSelect.css index 68738e7..f00a543 100644 --- a/frontend/src/components/SearchableSelect.css +++ b/frontend/src/components/SearchableSelect.css @@ -33,7 +33,7 @@ transform: rotate(180deg); } -.select-dropdown { +.search-select .select-dropdown.panel { position: absolute; top: calc(100% + 0.5rem); left: 0; @@ -44,6 +44,10 @@ max-height: 300px; overflow: hidden; padding: 0; + background: rgba(8, 14, 20, 0.88) !important; + backdrop-filter: blur(24px) !important; + -webkit-backdrop-filter: blur(24px) !important; + box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6); } .search-box { diff --git a/frontend/src/index.css b/frontend/src/index.css index 77d8124..b9fc9d0 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -100,12 +100,6 @@ a { display: flex; flex-direction: column; gap: 1.5rem; - transition: transform 0.2s ease, box-shadow 0.2s ease; -} - -.category-card:hover { - transform: translateY(-2px); - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); } .category-title { diff --git a/frontend/src/pages/admin/Admin.css b/frontend/src/pages/admin/Admin.css index 413834a..d8abe40 100644 --- a/frontend/src/pages/admin/Admin.css +++ b/frontend/src/pages/admin/Admin.css @@ -183,6 +183,26 @@ color: var(--teal); } +.admin-table-container { + height: 350px; + overflow-y: auto; +} + +/* Custom Scrollbar for the table */ +.admin-table-container::-webkit-scrollbar { + width: 8px; +} +.admin-table-container::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.2); +} +.admin-table-container::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.1); + border-radius: 4px; +} +.admin-table-container::-webkit-scrollbar-thumb:hover { + background: rgba(255, 255, 255, 0.2); +} + .admin-table { width: 100%; border-collapse: collapse; @@ -196,9 +216,13 @@ } .admin-table th { - background: rgba(255, 255, 255, 0.02); + background: rgba(20, 26, 33, 0.95); color: var(--text-muted); font-weight: 500; + position: sticky; + top: 0; + z-index: 10; + backdrop-filter: blur(8px); } .admin-table tr:hover td { diff --git a/frontend/src/pages/admin/index.tsx b/frontend/src/pages/admin/index.tsx index 00f3046..919dbc5 100644 --- a/frontend/src/pages/admin/index.tsx +++ b/frontend/src/pages/admin/index.tsx @@ -294,7 +294,8 @@ export default function AdminPage() { - +
+
@@ -362,6 +363,7 @@ export default function AdminPage() {
+ ); })} diff --git a/frontend/src/pages/voting/index.tsx b/frontend/src/pages/voting/index.tsx index 5212a93..d79e154 100644 --- a/frontend/src/pages/voting/index.tsx +++ b/frontend/src/pages/voting/index.tsx @@ -123,7 +123,7 @@ export default function VotingPage() {

Wähle deinen Favoriten in jeder Kategorie.

- {categories.map(cat => { + {categories.map((cat, index) => { const catOptions = options .filter(o => o.Category === cat) .map(o => ({ value: o.ID, label: o.Name })); @@ -131,7 +131,7 @@ export default function VotingPage() { const isSubmitted = submitted[cat]; return ( -
+

{cat}