shironeko/Hytale-F2P
1
0
Fork 0
mirror of https://github.com/amiayweb/Hytale-F2P.git synced 2026-02-26 11:31:45 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat: create two columns for settings page

Browse Source
This commit is contained in:
Fazri Gading
2026-01-31 01:42:20 +08:00
parent 769bc2054c
commit 78e97bdbb7
2 changed files with 856 additions and 822 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
GUI/style.css
View File

@@ -1398,6 +1398,26 @@ body {
max-width: 600px;
margin: 0 auto;
padding-top: 2rem;
padding-bottom: 4rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1024px) {
.settings-content {
max-width: 1000px;
flex-direction: row;
align-items: start;
}
}
.settings-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 1.5rem;
min-width: 0;
}
.setting-group {
@@ -4466,6 +4486,12 @@ body {
overflow-y: auto;
}
@media (min-width: 1024px) {
.settings-container {
max-width: 1200px;
}
}
.settings-header {
margin-bottom: 1rem;
text-align: center;
@@ -4495,6 +4521,11 @@ body {
transition: all 0.3s ease;
}
.settings-content .settings-section,
.settings-column .settings-section {
margin-bottom: 0;
}
.settings-section:hover {
border-color: rgba(147, 51, 234, 0.3);
box-shadow: 0 8px 32px rgba(147, 51, 234, 0.1);