mirror of
https://gitea.shironeko-all.duckdns.org/shironeko/Hytale-F2P-2.git
synced 2026-02-26 02:31:46 -03:00
feat: create two columns for settings page
This commit is contained in:
1647
GUI/index.html
1647
GUI/index.html
File diff suppressed because it is too large
Load Diff
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user