mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-20 06:28:14 -04:00
fab84b7f7a
* begin spacedrop ui + misc ui improvements * better 404 xox * Update extensions.rs I think I prefer Container * added DragRegion component, ot tested cuz im on my fone * Update DragRegion.tsx fix import * added dummy drop items * better dummy data * added clouds & search bar * added action buttons to spacedrop items * customize subtle button * added support for apng, thanks luka big pants * use relative path in sidebar * use BYTES const --------- Co-authored-by: Brendan Allan <brendonovich@outlook.com>
42 lines
769 B
SCSS
42 lines
769 B
SCSS
@import './colors.scss';
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
@tailwind variants;
|
|
|
|
.html {
|
|
background: #404040;
|
|
}
|
|
|
|
.backdrop-blur {
|
|
backdrop-filter: blur(18px);
|
|
-webkit-backdrop-filter: blur(18px);
|
|
}
|
|
|
|
.top-bar-blur {
|
|
@apply border-app-line/50;
|
|
backdrop-filter: saturate(120%) blur(18px);
|
|
}
|
|
|
|
.inset-center {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.mask-fade-out {
|
|
// -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
|
mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50px);
|
|
}
|
|
|
|
.cool-shadow {
|
|
box-shadow: rgb(0 0 0 / 9%) 0px 3px 12px;
|
|
}
|
|
|
|
// Without this Tauri displays button differently to web
|
|
[type='button'] {
|
|
-webkit-appearance: none;
|
|
}
|