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

21
data/static/css/style.css
View File

@@ -814,15 +814,13 @@ p {
}
.login-container > * {
width: 70%;
width: 85%;
margin: auto;
max-width: 1000px;
}
.settings-container > * {
width: 70%;
width: 85%;
margin: auto;
max-width: 1000px;
}
.avatar-form {
@@ -1432,3 +1430,18 @@ a.mention:hover, a.mention:visited:hover {
background-color: rgb(229.84, 231.92, 227.28);
color: black;
}
.settings-grid {
display: grid;
gap: 10px;
--grid-item-max-width: calc((100% - 10px) / 2);
grid-template-columns: repeat(auto-fill, minmax(max(400px, var(--grid-item-max-width)), 1fr));
}
.settings-grid fieldset {
border: 1px solid white;
border-radius: 4px;
}
.hfc {
height: fit-content;
}

21
data/static/css/theme-otomotone.css
View File

@@ -814,15 +814,13 @@ p {
}
.login-container > * {
width: 70%;
width: 85%;
margin: auto;
max-width: 1000px;
}
.settings-container > * {
width: 70%;
width: 85%;
margin: auto;
max-width: 1000px;
}
.avatar-form {
@@ -1433,6 +1431,21 @@ a.mention:hover, a.mention:visited:hover {
color: #e6e6e6;
}
.settings-grid {
display: grid;
gap: 10px;
--grid-item-max-width: calc((100% - 10px) / 2);
grid-template-columns: repeat(auto-fill, minmax(max(400px, var(--grid-item-max-width)), 1fr));
}
.settings-grid fieldset {
border: 1px solid black;
border-radius: 8px;
}
.hfc {
height: fit-content;
}
#topnav {
margin-bottom: 10px;
border: 10px solid rgb(40, 40, 40);

21
data/static/css/theme-peachy.css
View File

@@ -814,15 +814,13 @@ p {
}
.login-container > * {
width: 70%;
width: 85%;
margin: auto;
max-width: 1000px;
}
.settings-container > * {
width: 70%;
width: 85%;
margin: auto;
max-width: 1000px;
}
.avatar-form {
@@ -1433,6 +1431,21 @@ a.mention:hover, a.mention:visited:hover {
color: black;
}
.settings-grid {
display: grid;
gap: 6px;
--grid-item-max-width: calc((100% - 6px) / 2);
grid-template-columns: repeat(auto-fill, minmax(max(400px, var(--grid-item-max-width)), 1fr));
}
.settings-grid fieldset {
border: 1px solid white;
border-radius: 16px;
}
.hfc {
height: fit-content;
}
#topnav {
border-top-left-radius: 16px;
border-top-right-radius: 16px;