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>
<h3>Shareable links (beta)</h3>
<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" />
</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" />
</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" />
</a>
</div>

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

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

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

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

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

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

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

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

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

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

8
src/styles/_buttons.scss
View file

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