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

Cleaned up settings

Browse source
This commit is contained in:
Roman Cervantes 2019-09-18 21:52:04 -07:00
parent 9b567bab2a
commit 51c2967aaa
6 changed files with 13 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/Settings/AccountSettings.vue
View file

@ -99,7 +99,8 @@ export default {
@import "settings";
.account-setting {
display: flex;
background: #cf0;
display: grid;
grid-template-columns: 80px 200px;
grid-gap: $gp;
}
</style>

2
src/components/Settings/GameBoardSettings.vue
View file

@ -1,5 +1,7 @@
<template lang="html">
<section>
<h5 class="title">Game board <span v-if="showBoardSpecificSettings">({{ platform.name }})</span></h5>
<div class="setting">
<i class="fas fa-palette" />
<h5>{{ $t('settings.branding') }}</h5>

1
src/components/Settings/GeneralSettings.vue
View file

@ -1,5 +1,6 @@
<template lang="html">
<section>
<h5>Global</h5>
<div class="reloading" v-if="reloading">
<i class="fas fa-sync-alt fast-spin" />
<br>

2
src/components/Settings/PlatformsSettings.vue
View file

@ -1,5 +1,7 @@
<template lang="html">
<section>
<h5 class="title">Platform page</h5>
<div class="setting" v-if="hasLists">
<i class="fas fa-user-check" />
<h5>{{ $t('settings.ownedLists') }}</h5>

4
src/components/Settings/_settings.scss
View file

@ -1,3 +1,7 @@
h5.title {
margin: $gp 0 0;
}
.setting {
display: grid;
grid-template-columns: minmax(24px, auto) 1fr auto;

55
src/pages/Settings.vue
View file

@ -144,65 +144,12 @@ export default {
.settings {
display: flex;
flex-direction: column;
padding: 0 $gp * 2 $gp * 2;
padding: $gp * 2;
margin: 0 auto;
min-height: 600px;
}
nav {
display: flex;
justify-content: space-around;
position: sticky;
top: 40px;
background-color: $color-white;
}
a.setting-link {
color: $color-dark-gray;
padding: $gp / 2;
display: grid;
font-size: 10px;
cursor: pointer;
grid-template-columns: auto;
grid-gap: $gp / 4;
text-align: center;
i {
font-size: 14px;
}
&.active {
font-weight: bold;
color: $color-blue;
}
}
footer {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
text-align: center;
span {
display: inline-flex;
}
}
.dark {
color: $color-gray;
nav {
background-color: $color-darker-gray;
a.setting-link {
color: $color-gray;
&.active {
font-weight: bold;
color: $color-white;
}
}
}
}
</style>