infrastructure/gitea-custom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ✨ enhance segment and form styling

Browse Source
This commit is contained in:
Lucas Colombo 2025-01-25 16:44:09 -03:00
parent 7957f0c426
commit 8d0e2fcfe0
2 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/themes/scss/theme/components/_boxes.scss
View File

@ -2,6 +2,20 @@
@use '@lucas-labs/lui-micro/color' as color;
@mixin segment {
.ui.segment {
margin: var.get('measure/1x') 0;
padding: var.get('measure/1x');
border-radius: var(--border-radius);
}
.ui.segment form >*:first-child {
margin-top: 0;
}
.ui.segment form >*:last-child {
margin-bottom: 0;
}
.ui.top.attached.header {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@ -11,15 +25,11 @@
border-bottom-right-radius: var(--border-radius);
}
.ui.segments:not(.horizontal)>.segment:first-child {
.ui.segments:not(.horizontal)>.segment:first-child, .ui.segments.horizontal>.segment:first-child {
border-radius: var(--border-radius);
}
.ui.segments:not(.horizontal)>.segment:last-child {
border-radius: var(--border-radius);
}
.ui.segment {
.ui.segments:not(.horizontal)>.segment:last-child, .ui.horizontal.segments>.segment:last-child {
border-radius: var(--border-radius);
}
}

9
src/themes/scss/theme/modules/settings/section/_content.scss
View File

@ -2,7 +2,6 @@
@use '@lucas-labs/lui-micro/color' as color;
@mixin content {
.ui.top.attached.header {
background: unset;
border: none;
@ -54,6 +53,14 @@
}
}
.ui.form .field {
margin: 0 0 1em;
}
.ui.form .fields .fields, .ui.form .field:last-child, .ui.form .fields:last-child .field {
margin-bottom: 0;
}
.field {
margin: var.get('measure/1x') 0;
}