Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-24 12:13:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

Reduce border radius and make radius usage more consistent

Browse source
This commit is contained in:
Roman Cervantes 2019-09-11 12:06:42 -07:00
parent ec0b4d3ab1
commit 7bc0e22a84
5 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/GameCards/GameCardDefault.vue
View file

@ -66,6 +66,8 @@ export default {
position: relative;
display: grid;
grid-template-columns: $gameCoverWidth auto;
border-radius: $border-radius;
overflow: hidden;
&.card-placeholder {
background: $color-light-gray;

1
src/components/GameCards/GameCardText.vue
View file

@ -61,6 +61,7 @@ export default {
background-color: $color-white;
margin-top: $gp / 2;
position: relative;
border-radius: $border-radius;
&.card-placeholder {
background: $color-light-gray;

2
src/components/GameCards/GameCardWide.vue
View file

@ -69,6 +69,8 @@ export default {
position: relative;
display: grid;
grid-template-columns: 60px auto;
border-radius: $border-radius;
overflow: hidden;
img {
width: 60px;

2
src/components/Platforms/Platform.vue
View file

@ -88,7 +88,7 @@ export default {
margin-bottom: $gp;
align-items: center;
justify-content: center;
border-radius: $border-radius / 2;
border-radius: $border-radius;
overflow: hidden;
width: 200px;
height: 100px;

2
src/styles/_vars.scss
View file

@ -26,7 +26,7 @@ $font-size-large: 18px;
$font-size-xlarge: 24px;
// Measurements
$border-radius: 4px;
$border-radius: 2px;
$gp: 16px;
$navHeight: 48px;
$container-width: 900px;