mirror of
https://github.com/danbulant/dribbblish-dynamic-theme
synced 2026-05-27 05:51:55 +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:
|
Improved:
|
||||||
- Moved `Hide Ads` into `Main Settings`
|
- Moved `Hide Ads` into `Main Settings`
|
||||||
- Added hover tooltips on playlist / folder images. Useful for collapsed sidebar
|
- 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;
|
gap: 8px;
|
||||||
max-height: 60vh;
|
max-height: 60vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 0px 25px;
|
padding: 0px 26px;
|
||||||
|
|
||||||
.dribbblish-config-area {
|
.dribbblish-config-area {
|
||||||
display: flex;
|
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 "Markdown";
|
||||||
@import "Info";
|
@import "Info";
|
||||||
@import "Loader";
|
@import "Loader";
|
||||||
|
@import "Popup";
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--bar-height: 70px;
|
--bar-height: 70px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue