yagich/pyrom
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new settings page

Browse Source
This commit is contained in:
Lera Elvoé
2025-12-04 02:28:34 +03:00
parent 3742749cf6
commit 3baccb87b1
5 changed files with 122 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
sass/_default.scss
View File

@@ -51,8 +51,7 @@ $BIGGER_PADDING: 30px !default;
$PAGE_SIDE_MARGIN: 100px !default;
$SETTINGS_WIDTH: 70% !default;
$SETTINGS_MAX_WIDTH: 1000px !default;
$SETTINGS_WIDTH: 85% !default;
// **************
// BORDERS
@@ -655,19 +654,15 @@ $pagebutton_min_width: $BIG_PADDING !default;
}
$login_container_width: $SETTINGS_WIDTH !default;
$login_container_max_width: $SETTINGS_MAX_WIDTH !default;
.login-container > * {
width: $login_container_width;
margin: auto;
max-width: $login_container_max_width;
}
$settings_container_width: $SETTINGS_WIDTH !default;
$settings_container_max_width: $SETTINGS_MAX_WIDTH !default;
.settings-container > * {
width: $settings_container_width;
margin: auto;
max-width: $settings_container_max_width
}
$avatar_form_padding: $BIG_PADDING $ZERO_PADDING !default;
@@ -1405,5 +1400,25 @@ a.mention, a.mention:visited {
background-color: $mention_background_color_hover;
color: $mention_font_color_hover;
}
}
$settings_grid_gap: $MEDIUM_PADDING !default;
$settings_grid_item_min_width: 400px !default;
$settings_grid_fieldset_border: 1px solid $DEFAULT_FONT_COLOR_INVERSE !default;
$settings_grid_fieldset_border_radius: $DEFAULT_BORDER_RADIUS !default;
.settings-grid {
display: grid;
gap: $settings_grid_gap;
--grid-item-max-width: calc((100% - #{$settings_grid_gap}) / 2);
grid-template-columns: repeat(auto-fill, minmax(max($settings_grid_item_min_width, var(--grid-item-max-width)), 1fr));
& fieldset {
border: $settings_grid_fieldset_border;
border-radius: $settings_grid_fieldset_border_radius;
}
}
.hfc {
height: fit-content;
}