mirror of
https://github.com/danbulant/dribbblish-dynamic-theme
synced 2026-05-24 12:35:05 +00:00
make default popup styles fit inline with custom ones
This commit is contained in:
parent
a5b92ed62c
commit
ea1ba797f6
4 changed files with 54 additions and 2 deletions
|
|
@ -12,4 +12,5 @@ Fixed:
|
|||
Improved:
|
||||
- Moved `Hide Ads` into `Main Settings`
|
||||
- Added hover tooltips on playlist / folder images. Useful for collapsed sidebar
|
||||
- Now also shows if a new spicetify-cli update is available (Requires spicetify-cli > 2.7.2)
|
||||
- Now also shows if a new spicetify-cli update is available (Requires spicetify-cli > 2.7.2)
|
||||
- Popups (like lyrics-plus settings) styles are now consistent with the Dribbblish settings styles
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
gap: 8px;
|
||||
max-height: 60vh;
|
||||
overflow-y: auto;
|
||||
padding: 0px 25px;
|
||||
padding: 0px 26px;
|
||||
|
||||
.dribbblish-config-area {
|
||||
display: flex;
|
||||
|
|
|
|||
50
src/styles/Popup.scss
Normal file
50
src/styles/Popup.scss
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
.GenericModal__overlay {
|
||||
backdrop-filter: blur(3px) brightness(60%);
|
||||
background-color: transparent;
|
||||
|
||||
.GenericModal {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
width: clamp(500px, 50%, 650px);
|
||||
background-color: spiceColor("main", 0.95);
|
||||
backdrop-filter: blur(3px);
|
||||
padding: 24px 16px;
|
||||
border-radius: var(--main-corner-radius);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@include spiceShadow();
|
||||
|
||||
.main-trackCreditsModal-container {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
|
||||
.main-trackCreditsModal-header {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
@include spiceFont("glue", 2em, "Bold");
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-trackCreditsModal-mainSection {
|
||||
padding: 0px 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -13,6 +13,7 @@
|
|||
@import "Markdown";
|
||||
@import "Info";
|
||||
@import "Loader";
|
||||
@import "Popup";
|
||||
|
||||
:root {
|
||||
--bar-height: 70px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue