make default popup styles fit inline with custom ones

This commit is contained in:
Send_Nukez 2021-11-26 04:01:37 +01:00
parent a5b92ed62c
commit ea1ba797f6
4 changed files with 54 additions and 2 deletions

View file

@ -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

View file

@ -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
View 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;
}
}
}
}

View file

@ -13,6 +13,7 @@
@import "Markdown";
@import "Info";
@import "Loader";
@import "Popup";
:root {
--bar-height: 70px;