Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add styles for the success box

Browse source
This commit is contained in:
Oliver-Akins 2020-08-18 18:59:43 -06:00
parent 2959876f2b
commit c9c8b01791
2 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/modals/PlaylistExport.vue
View file

@ -229,10 +229,25 @@ input#playlist-name {
right: 15px; right: 15px;
} }
.success {
background-color: var(--success-background);
border-radius: var(--corner-rounding);
border-color: var(--success);
color: var(--success-text);
border-style: solid;
margin-bottom: 5px;
border-width: 2px;
}
.success a {
color: var(--success-accent);
}
button { button {
margin: 10px; margin: 10px;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.modal { .modal {
width: 50%; width: 50%;

5
src/css/dark_theme.css
View file

@ -9,6 +9,11 @@
--error: #ff0000; --error: #ff0000;
--error-background: #ff00005d; --error-background: #ff00005d;
--success: var(--accent2);
--success-background: #00aa0083;
--success-text: var(--on-card-colour);
--success-accent: var(--accent2);
--background: #23272A; --background: #23272A;
--background-text: var(--spotify-white); --background-text: var(--spotify-white);