shironeko/Hytale-F2P
1
0
Fork 0
mirror of https://github.com/amiayweb/Hytale-F2P.git synced 2026-02-26 09:11:59 -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

1647
GUI/index.html
View File

File diff suppressed because it is too large Load Diff

31
GUI/style.css
View File

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