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

Style of media send should be dark

Browse source
This commit is contained in:
N-Pex 2025-06-10 16:50:19 +02:00
parent c00fcd6173
commit 1d30d0633d
1 changed files with 15 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,10 +3,10 @@
$large-button-height: $min-touch-target; $large-button-height: $min-touch-target;
$small-button-height: 36px; $small-button-height: 36px;
$background: #ffffff; $background: #000000;
$backgroundSection: rgba(#ededed,0.8); $backgroundSection: #181719;
$backgroundHilite: #383739; $backgroundHilite: #383739;
$text: #000000; $text: #ffffff;
$hiliteColor: #4642f1; $hiliteColor: #4642f1;
.send-attachments { .send-attachments {
@ -97,10 +97,11 @@ $hiliteColor: #4642f1;
width: 100%; width: 100%;
flex: 0 0 100%; flex: 0 0 100%;
overflow-y: auto; overflow-y: auto;
display: flex;
} }
.file-drop-current-item { .file-drop-current-item {
width: 100%; width: 100%;
height: 60%; flex: 1 1 100%;
background-color: $backgroundSection; background-color: $backgroundSection;
display: flex; display: flex;
&.drop-target { &.drop-target {
@ -124,7 +125,7 @@ $hiliteColor: #4642f1;
} }
.send-attachments__current-item__info { .send-attachments__current-item__info {
height: 80px; flex: 0 0 80px;
text-align: start; text-align: start;
margin: 18px 20px; margin: 18px 20px;
padding: 0; padding: 0;
@ -147,7 +148,7 @@ $hiliteColor: #4642f1;
.file-drop-thumbnail-container { .file-drop-thumbnail-container {
width: 100%; width: 100%;
padding: 13px 20px 15px 20px; padding: 13px 20px 15px 20px;
height: 74px; flex: 0 0 74px;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap; white-space: nowrap;
@ -185,7 +186,7 @@ $hiliteColor: #4642f1;
.add, .add,
.remove { .remove {
color: $background; color: $text;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -213,6 +214,10 @@ $hiliteColor: #4642f1;
border-radius: 19px; border-radius: 19px;
} }
.file-drop-input-container {
flex: 1 1 auto;
}
.file-drop-input-container, .file-drop-input-container,
.file-drop-sending-input-container, .file-drop-sending-input-container,
.file-drop-sent-input-container { .file-drop-sent-input-container {
@ -230,6 +235,9 @@ $hiliteColor: #4642f1;
padding: 16px 18px; padding: 16px 18px;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
font-weight: 300; font-weight: 300;
.v-field {
background-color: transparent !important;
}
} }
.input-container__buttons { .input-container__buttons {
position: absolute; position: absolute;