glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-12 14:57:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Settings Template and Popup in Header bar

Browse Source
This commit is contained in:
glax
2024-10-20 17:54:38 +02:00
parent fcc1ff392c
commit d2533ee98f
18 changed files with 322 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Website/styles/header.css
View File

@ -1,6 +1,7 @@
header {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--topbar-height);
background-color: var(--secondary-color);
z-index: 100;

66
Website/styles/settings.css Normal file
View File

@ -0,0 +1,66 @@
#Settings {
position: relative;
height: 100%;
}
#SettingsIcon {
height: calc(100% - 20px);
margin: 10px;
}
#settingsPopupBody {
display: flex;
flex-direction: column;
overflow-y: scroll;
}
.settings-section {
margin: 5px 5px 10px;
font-size: 10pt;
font-weight: 100;
display: block;
border-top-style: solid;
border-top-width: 1px;
border-top-color: lightgray;
width: calc(100% - 10px);
padding: 10px;
}
.settings-section-content {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
}
.section-item {
display: flex;
flex-direction: column;
width: 22%;
min-width: 300px;
height: auto;
border-radius: 10px;
border-style: solid;
border-width: 1px;
border-color: lightgray;
margin: 7px;
padding: 5px;
}
.section-item > .settings-section-title {
font-weight: bold;
vertical-align: bottom;
line-height: 32px;
font-size: 12pt;
width: 100%;
}
.section-item > .settings-section-title > img {
width: auto;
height: 32px;
margin: 5px;
vertical-align: middle;
border-radius: 5px;
}