mirror of
https://github.com/romancm/gamebrary
synced 2024-11-30 23:09:14 +00:00
Fixed redundant small/tiny classes
This commit is contained in:
parent
5d400bb25f
commit
b0951cced7
7 changed files with 20 additions and 15 deletions
|
@ -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>
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
/>
|
||||
|
||||
<button
|
||||
class="success small tiny"
|
||||
class="success tiny"
|
||||
@click="addGame"
|
||||
>
|
||||
Add to {{ addToLabel }}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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: {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue