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

Update input's styling

Browse source
This commit is contained in:
Tyler-A 2020-07-29 23:27:45 -06:00
parent 753dd05470
commit bce20aa489
1 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/ControlBar.vue
View file

@ -129,25 +129,33 @@ export default {
select { select {
background-color: var(--input-background); background-color: var(--input-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
border-color: transparent;
font-family: var(--fonts); font-family: var(--fonts);
color: var(--input-text); color: var(--input-text);
border-style: solid;
border-width: 2px;
outline: none; outline: none;
padding: 15px; padding: 15px;
border: none; border: none;
} }
select:hover { cursor: pointer; } select:hover { cursor: pointer; }
select:active, select:focus {
border-color: var(--input-active-border);
}
input[type=number] { input[type=number] {
background-color: var(--input-background); background-color: var(--input-background);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
color: var(--input-text);
font-family: var(--fonts); font-family: var(--fonts);
border-style: none; border-color: transparent;
color: var(--input-text);
border-style: solid;
border-width: 2px;
outline: none; outline: none;
padding: 15px; padding: 15px;
width: 100px; width: 100px;
} }
input[type=number]:active { input[type=number]:focus {
border-color: var(--spotify-green); border-color: var(--input-active-border);
} }
</style> </style>