Archive/rdio-scanner
1
0
Fork 0
mirror of https://github.com/chuot/rdio-scanner.git synced 2026-08-13 16:33:01 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix button width on large screen

Browse source
This commit is contained in:
Chrystian Huot 2020-01-09 08:36:37 -05:00
parent 5fdcfb1dcb
commit e36e510ecd
1 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
client/src/app/components/rdio-scanner/rdio-scanner.component.scss
View file

@ -125,6 +125,7 @@
box-shadow: 2px 2px 4px rgb(0, 0, 0) inset, 1px 1px 2px 1px rgb(255, 255, 255); box-shadow: 2px 2px 4px rgb(0, 0, 0) inset, 1px 1px 2px 1px rgb(255, 255, 255);
box-sizing: border-box; box-sizing: border-box;
color: rgba(0, 0, 0, .8); color: rgba(0, 0, 0, .8);
cursor: default;
display: block; display: block;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@ -208,11 +209,11 @@
} }
} }
.rdio-main, .rdio-main,
.rdio-search, .rdio-search,
.rdio-select { .rdio-select {
min-width: 370px; min-width: 370px;
} }
.rdio-main { .rdio-main {
box-sizing: border-box; box-sizing: border-box;
@ -326,22 +327,26 @@
} }
@media (min-width: 720px) { @media (min-width: 720px) {
.rdio-button { .rdio-select {
width: calc(20% - 8px); .rdio-button {
} width: calc(20% - 8px);
}
.rdio-button-mini { .rdio-button-mini {
width: calc(10% - 8px); width: calc(10% - 8px);
}
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.rdio-button { .rdio-select {
width: calc(10% - 8px); .rdio-button {
} width: calc(10% - 8px);
}
.rdio-button-mini { .rdio-button-mini {
width: calc(5% - 8px); width: calc(5% - 8px);
}
} }
} }
} }