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