butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Re-style image quality selection

Browse source
This commit is contained in:
N-Pex 2025-07-03 18:12:36 +02:00
parent 1a08b38fdb
commit 995f20b8e5
6 changed files with 174 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

102
src/assets/css/sendattachments.scss
View file

@ -468,20 +468,104 @@ $hiliteColor: #4642f1;
}
}
.send-attachments-info-popup {
.done-button {
padding: 14px 24px;
}
.left-right-arrow {
background-color: transparent !important;
.v-btn__overlay {
display: none;
}
}
.title {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 125%;
letter-spacing: 0.4px;
text-align: center;
vertical-align: middle;
text-overflow: ellipsis;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
}
.attachment-info {
text-align: start;
position: relative;
.attachment-info__size {
white-space: pre;
overflow: hidden;
margin-right: 36px;
text-overflow: ellipsis;
}
.attachment-info__quality {
.attachment-info__quality__title {
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 125%;
letter-spacing: 0.4px;
vertical-align: middle;
}
.attachment-info__size__filename {
opacity: 0.7;
font-size: 0.8em;
.attachment-info__quality__class {
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 125%;
letter-spacing: 0.4px;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 156px;
padding: 10px 2px;
background-color: #242424;
border-radius: 8px;
border: 2px solid #242424;
&.selected {
border: 2px solid #4642F1;
}
.attachment-info__quality__class-name {
margin: 4px 0 3px 0;
}
.attachment-info__quality__class-size {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 125%;
letter-spacing: 0.4px;
text-align: center;
vertical-align: middle;
}
&:not(:last-of-type) {
margin-right: 8px;
}
&:not(:first-of-type) {
margin-left: 8px;
}
}
.attachment-info__quality__info {
margin-top: 24px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 125%;
letter-spacing: 0.4px;
text-align: center;
}
}
.c2pa-badge {