web/forgejo
10
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

ui: switch redesign (#6459)

Browse source 
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6459
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
This commit is contained in:
0ko 2025-01-05 18:46:47 +00:00
parent 68d690b6b9
commit a23cf58d47
4 changed files with 28 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
web_src/css/index.css
View file

@ -17,6 +17,7 @@
@import "./modules/checkbox.css";
@import "./modules/modal.css";
@import "./modules/switch.css";
@import "./modules/select.css";
@import "./modules/tippy.css";
@import "./modules/breadcrumb.css";

24
web_src/css/modules/switch.css Normal file
View file

@ -0,0 +1,24 @@
.switch {
display: grid;
grid-auto-flow: column;
align-items: center;
background: var(--color-menu);
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius);
}
.switch .item {
color: var(--color-text);
padding: .5em 1.125em;
border-radius: var(--border-radius);
text-wrap: nowrap;
}
.switch .active.item {
background: var(--color-active);
outline: 1px solid var(--color-input-border);
}
.switch .item svg {
vertical-align: sub;
}