marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-09 21:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ux: unify communities toolbar

Browse source
This commit is contained in:
Marco Allegretti 2026-01-30 08:50:16 +01:00
parent e83d7fcd1e
commit c1327613dc
2 changed files with 8 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/ui/DesignSystemStyles.astro
View file

@ -548,7 +548,7 @@
display: grid; display: grid;
grid-template-columns: var(--ui-toolbar-cols, 1.5fr 1fr 1fr); grid-template-columns: var(--ui-toolbar-cols, 1.5fr 1fr 1fr);
gap: 0.75rem; gap: 0.75rem;
align-items: end; align-items: var(--ui-toolbar-align, end);
} }
.ui-toolbar-label { .ui-toolbar-label {

20
frontend/src/pages/communities.astro
View file

@ -17,8 +17,8 @@ import { API_BASE as apiBase } from '../lib/api';
</div> </div>
</div> </div>
<div class="communities-toolbar ui-card ui-card-glass"> <div class="communities-toolbar ui-toolbar ui-card ui-card-glass">
<div class="toolbar-row"> <div class="ui-toolbar-grid">
<div class="toolbar-search"> <div class="toolbar-search">
<input type="text" id="search-input" class="ui-input" placeholder="Search communities…" autocomplete="off" /> <input type="text" id="search-input" class="ui-input" placeholder="Search communities…" autocomplete="off" />
</div> </div>
@ -231,16 +231,10 @@ import { API_BASE as apiBase } from '../lib/api';
} }
.communities-toolbar { .communities-toolbar {
padding: 1rem 1.25rem; --ui-toolbar-pad: 1rem 1.25rem;
margin-bottom: 1.25rem; --ui-toolbar-mb: 1.25rem;
} --ui-toolbar-cols: 1fr 220px;
--ui-toolbar-align: center;
.toolbar-row {
display: grid;
grid-template-columns: 1fr 220px;
gap: 0.75rem;
align-items: center;
margin-bottom: 0.75rem;
} }
.communities-grid { .communities-grid {
@ -256,7 +250,7 @@ import { API_BASE as apiBase } from '../lib/api';
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.toolbar-row { .communities-toolbar .ui-toolbar-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }