Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-28 06:00:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed redundant small/tiny classes

Browse source
This commit is contained in:
romancm 2019-06-05 10:30:47 -07:00
parent 5d400bb25f
commit b0951cced7
7 changed files with 20 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/GameBoard/GameBoardSettings.vue
View file

@ -8,15 +8,15 @@
<section> <section>
<h3>Shareable links (beta)</h3> <h3>Shareable links (beta)</h3>
<div class="links"> <div class="links">
<a class="link small tiny primary" :href="tweetUrl" target="_blank"> <a class="link tiny primary" :href="tweetUrl" target="_blank">
<i class="fab fa-twitter" /> <i class="fab fa-twitter" />
</a> </a>
<a class="link small tiny primary reddit" :href="redditUrl" target="_blank"> <a class="link tiny primary reddit" :href="redditUrl" target="_blank">
<i class="fab fa-reddit" /> <i class="fab fa-reddit" />
</a> </a>
<a class="link small tiny info" :href="shareUrl" target="_blank"> <a class="link tiny info" :href="shareUrl" target="_blank">
<i class="fas fa-link" /> <i class="fas fa-link" />
</a> </a>
</div> </div>

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

@ -13,7 +13,7 @@
/> />
<button <button
class="success small tiny" class="success tiny"
@click="addGame" @click="addGame"
> >
Add to {{ addToLabel }} Add to {{ addToLabel }}

2
src/components/Lists/ListAdd.vue
View file

@ -23,7 +23,7 @@
<small>Suggestions:</small> <small>Suggestions:</small>
<button <button
class="small tiny tag primary hollow" class="tiny tag primary hollow"
v-for="suggestion in listNameSuggestions" v-for="suggestion in listNameSuggestions"
:key="suggestion" :key="suggestion"
type="button" type="button"

7
src/components/Lists/ListSettings.vue
View file

@ -79,7 +79,7 @@
<footer> <footer>
<button <button
class="filled small tiny info hollow" class="filled tiny info hollow"
title="back" title="back"
v-shortkey="['esc']" v-shortkey="['esc']"
@shortkey="cancel" @shortkey="cancel"
@ -99,7 +99,7 @@
@action="deleteList" @action="deleteList"
> >
<button <button
class="error hollow tiny small" class="error hollow tiny"
:title="$t('list.delete')" :title="$t('list.delete')"
> >
<i class="far fa-trash-alt" /> <i class="far fa-trash-alt" />
@ -109,7 +109,7 @@
<button <button
v-else v-else
class="error hollow tiny small" class="error hollow tiny"
:title="$t('list.delete')" :title="$t('list.delete')"
@click="deleteList" @click="deleteList"
> >
@ -141,6 +141,7 @@ export default {
covers: 'fas fa-th-large', covers: 'fas fa-th-large',
wide: 'fas fa-minus', wide: 'fas fa-minus',
text: 'fas fa-font', text: 'fas fa-font',
grid: 'fas fa-th',
}, },
coversSizes: [3, 4, 5], coversSizes: [3, 4, 5],
sortOrders: { sortOrders: {

4
src/components/Settings/Settings.vue
View file

@ -60,7 +60,7 @@
</section> </section>
<footer> <footer>
<button class="small tiny accent hollow" @click="signOut"> <button class="tiny accent hollow" @click="signOut">
<i class="fas fa-sign-out-alt" /> <i class="fas fa-sign-out-alt" />
{{ $t('settings.signOut') }} {{ $t('settings.signOut') }}
</button> </button>
@ -72,7 +72,7 @@
:action-text="$t('settings.deleteAccount.button')" :action-text="$t('settings.deleteAccount.button')"
@action="deleteAccount" @action="deleteAccount"
> >
<button class="small tiny error hollow"> <button class="tiny error hollow">
<i class="fas fa-exclamation-triangle" /> <i class="fas fa-exclamation-triangle" />
{{ $t('settings.deleteAccount.button') }} {{ $t('settings.deleteAccount.button') }}
</button> </button>

6
src/components/WallpaperUpload/WallpaperUpload.vue
View file

@ -20,7 +20,7 @@
<div class="button-group"> <div class="button-group">
<button <button
class="small tiny" class="tiny"
:class="{ primary: !transparent }" :class="{ primary: !transparent }"
@click="setTransparent(false)" @click="setTransparent(false)"
> >
@ -28,7 +28,7 @@
</button> </button>
<button <button
class="small tiny" class="tiny"
:class="{ primary: transparent }" :class="{ primary: transparent }"
@click="setTransparent(true)" @click="setTransparent(true)"
> >
@ -46,7 +46,7 @@
alt="Uploaded wallpaper" alt="Uploaded wallpaper"
/> />
<button class="error small tiny" @click="removeWallpaper"> <button class="error tiny" @click="removeWallpaper">
<i class="fas fa-trash" /> <i class="fas fa-trash" />
{{ $t('settings.wallpaper.removeWallpaper') }} {{ $t('settings.wallpaper.removeWallpaper') }}
</button> </button>

8
src/styles/_buttons.scss
View file

@ -67,13 +67,17 @@ button, a.link {
font-size: 10px; font-size: 10px;
} }
&.small { &.small, &.tiny {
min-height: $iconSmallSize; min-height: $iconSmallSize;
min-width: $iconSmallSize; min-width: $iconSmallSize;
padding: 0 $gp / 2; padding: 0 $gp / 2;
} }
&.tag, &.tiny { &.tiny {
font-size: 12px;
}
&.tag {
font-size: 12px; font-size: 12px;
} }