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

Make modals abide by the CSS variables

Browse source
This commit is contained in:
Oliver-Akins 2020-10-26 22:34:13 -06:00
parent b45a851d9d
commit 2121b92c81
4 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/modals/DetailedTrack.vue
View file

@ -162,6 +162,7 @@ export default {
background-color: var(--modal-background); background-color: var(--modal-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
padding: 0 15px 15px 15px; padding: 0 15px 15px 15px;
color: var(--modal-text);
overflow-y: auto; overflow-y: auto;
max-height: 85%; max-height: 85%;
z-index: 11; z-index: 11;

1
src/components/modals/FeaturesInfo.vue
View file

@ -155,6 +155,7 @@ export default {
background-color: var(--modal-background); background-color: var(--modal-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
padding: 0 15px 15px 15px; padding: 0 15px 15px 15px;
color: var(--modal-text);
text-align: center; text-align: center;
overflow-y: auto; overflow-y: auto;
max-height: 85%; max-height: 85%;

1
src/components/modals/PopularityInfo.vue
View file

@ -55,6 +55,7 @@ export default {
.modal { .modal {
background-color: var(--modal-background); background-color: var(--modal-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
color: var(--modal-text);
text-align: center; text-align: center;
max-height: 85%; max-height: 85%;
padding: 0 15px; padding: 0 15px;

1
src/components/modals/ShareTrack.vue
View file

@ -73,6 +73,7 @@ export default {
background-color: var(--modal-background); background-color: var(--modal-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
padding: 0 15px 15px 15px; padding: 0 15px 15px 15px;
color: var(--modal-text);
text-align: center; text-align: center;
max-height: 85%; max-height: 85%;
z-index: 11; z-index: 11;