PandaDEV/Qopy
1
0
Fork 0
mirror of https://github.com/0PandaDEV/Qopy.git synced 2025-04-22 05:34:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: update layout structure in settings.vue and settings.scss for improved responsiveness and clarity; replace .bg with <main> and integrate BottomBar component

Browse source
This commit is contained in:
PandaDEV 2025-03-15 00:33:21 +01:00
parent ff6cdac1a3
commit 60d17442fc
No known key found for this signature in database
GPG key ID: 13EFF9BAF70EE75C
2 changed files with 20 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

17
assets/css/settings.scss
View file

@ -6,15 +6,15 @@ $text: #e5dfd5;
$text2: #ada9a1;
$mutedtext: #78756f;
.bg {
width: 750px;
height: 474px;
main {
width: 100vw;
height: 100vh;
background-color: $primary;
border: 1px solid $divider;
display: flex;
flex-direction: column;
border-radius: 12px;
z-index: -1;
position: fixed;
outline: none;
justify-content: space-between;
}
.back {
@ -42,6 +42,7 @@ p {
.settings-container {
width: 100%;
height: 100%;
margin-top: 26px;
position: relative;
font-size: 12px;
@ -59,7 +60,7 @@ p {
display: flex;
flex-direction: column;
gap: 16px;
p {
font-family: SFRoundedSemiBold;
color: $text2;
@ -144,7 +145,7 @@ p {
.top-bar {
width: 100%;
height: 56px;
min-height: 56px;
border-bottom: 1px solid $divider;
}