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

fix: spacing of main ui

Browse source
This commit is contained in:
PandaDEV 2025-01-02 18:40:55 +10:00
parent 8054550443
commit 2a44701178
No known key found for this signature in database
GPG key ID: 13EFF9BAF70EE75C
1 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

30
assets/css/index.scss
View file

@ -22,7 +22,7 @@ $mutedtext: #78756f;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
height: 54px; height: 56px;
background-color: transparent; background-color: transparent;
outline: none; outline: none;
border: none; border: none;
@ -35,10 +35,10 @@ $mutedtext: #78756f;
.results { .results {
position: absolute; position: absolute;
width: 284px; width: 286px;
top: 53px; top: 55px;
left: 0; left: 0;
height: calc(100vh - 95px); height: 417px;
border-right: 1px solid $divider; border-right: 1px solid $divider;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -46,6 +46,7 @@ $mutedtext: #78756f;
padding-bottom: 8px; padding-bottom: 8px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
z-index: 3;
.result { .result {
height: 40px; height: 40px;
@ -59,6 +60,7 @@ $mutedtext: #78756f;
overflow: hidden; overflow: hidden;
text-overflow: clip; text-overflow: clip;
white-space: nowrap; white-space: nowrap;
color: $text;
} }
.result { .result {
@ -96,20 +98,22 @@ $mutedtext: #78756f;
.content { .content {
position: absolute; position: absolute;
top: 53px; top: 55px;
left: 284px; left: 285px;
height: calc(100vh - 254px); height: 220px;
font-family: CommitMono !important; font-family: CommitMono !important;
font-size: 12px; font-size: 12px;
letter-spacing: 1; letter-spacing: 1;
border-radius: 10px; border-radius: 10px;
width: calc(100vw - 286px); width: 465px;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
z-index: 2;
color: $text;
&:not(:has(.image)) { &:not(:has(.image)) {
padding: 8px; padding: 8px;
@ -128,7 +132,7 @@ $mutedtext: #78756f;
} }
.bottom-bar { .bottom-bar {
height: 40px; height: 39px;
width: calc(100vw - 2px); width: calc(100vw - 2px);
backdrop-filter: blur(18px); backdrop-filter: blur(18px);
background-color: hsla(40, 3%, 16%, 0.8); background-color: hsla(40, 3%, 16%, 0.8);
@ -215,18 +219,20 @@ $mutedtext: #78756f;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 14px; gap: 14px;
bottom: 40px; bottom: 39px;
left: 284px; left: 285px;
height: 160px; height: 160px;
width: calc(100vw - 286px); width: 465px;
border-top: 1px solid $divider; border-top: 1px solid $divider;
background-color: $primary; background-color: $primary;
padding: 14px; padding: 14px;
z-index: 1;
.title { .title {
font-family: SFRoundedSemiBold; font-family: SFRoundedSemiBold;
font-size: 12px; font-size: 12px;
letter-spacing: 0.6px; letter-spacing: 0.6px;
color: $text;
} }
.info-content { .info-content {