mirror of
https://github.com/romancm/gamebrary
synced 2024-09-20 13:51:56 +00:00
Clean up
This commit is contained in:
parent
bef2869f41
commit
12d7a29a40
7 changed files with 22 additions and 29 deletions
9
src/bootstrapSettings.js
vendored
9
src/bootstrapSettings.js
vendored
|
@ -1,9 +0,0 @@
|
|||
// https://bootstrap-vue.org/docs/reference/settings
|
||||
|
||||
export default {
|
||||
BButton: { variant: 'primary' },
|
||||
BToast: {
|
||||
noCloseButton: true,
|
||||
toaster: 'b-toaster-top-full',
|
||||
},
|
||||
};
|
|
@ -1,5 +1,5 @@
|
|||
<template lang="html">
|
||||
<div class="px-1">
|
||||
<div class="mb-3">
|
||||
<b-button
|
||||
style="width: 100px; height: 60px;"
|
||||
v-b-tooltip.hover
|
||||
|
@ -29,7 +29,7 @@
|
|||
|
||||
<form
|
||||
ref="addListForm"
|
||||
class="p-2 d-flex justify-content-between"
|
||||
class="d-flex justify-content-between"
|
||||
@submit.stop.prevent="submit"
|
||||
>
|
||||
<v-swatches
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template lang="html">
|
||||
<div class="d-flex flex-column align-items-start border border-light rounded p-2 w-100">
|
||||
<div class="d-flex flex-column align-items-start border border-light rounded pl-3 pt-3 w-100">
|
||||
<h3
|
||||
v-if="isVerticalNav"
|
||||
:class="{ 'text-white': hasBackground || darkTheme }"
|
||||
|
|
|
@ -14,11 +14,14 @@
|
|||
:text="tierLetter"
|
||||
:title="list.name"
|
||||
rounded
|
||||
class="mr-2"
|
||||
:style="`background-color: ${list.backgroundColor}`"
|
||||
size="100"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<strong class="mx-2">{{ list.name }}</strong>
|
||||
|
||||
<game-selector
|
||||
title="Add games"
|
||||
:filter="allGames"
|
||||
|
@ -63,7 +66,7 @@
|
|||
<b-img
|
||||
v-for="gameId in list.games"
|
||||
:key="gameId"
|
||||
class="game cursor-pointer rounded ml-2"
|
||||
class="game cursor-pointer rounded mr-2"
|
||||
fluid
|
||||
:src="$options.getImageUrl(cachedGames[gameId], $options.IMAGE_SIZE_COVER_SMALL)"
|
||||
@click="openGame(gameId)"
|
||||
|
|
|
@ -18,7 +18,6 @@ import './registerServiceWorker';
|
|||
import messages from '@/i18n/';
|
||||
import store from '@/store/';
|
||||
import router from '@/router';
|
||||
import bootstrapSettings from '@/bootstrapSettings';
|
||||
import 'vue-swatches/dist/vue-swatches.css'
|
||||
|
||||
const EventBus = new Vue();
|
||||
|
@ -34,7 +33,7 @@ Object.defineProperties(Vue.prototype, {
|
|||
Vue.use(VueMasonry);
|
||||
Vue.use(VueShortKey, { prevent: ['input', 'textarea', '.ProseMirror'] });
|
||||
Vue.use(PortalVue);
|
||||
Vue.use(BootstrapVue, bootstrapSettings);
|
||||
Vue.use(BootstrapVue);
|
||||
Vue.use(VueAnalytics, { id: 'UA-120053966-1', router });
|
||||
Vue.use(VueAxios, axios);
|
||||
Vue.use(VueFire);
|
||||
|
|
|
@ -67,7 +67,7 @@
|
|||
<template v-else>
|
||||
<b-form-input
|
||||
type="search"
|
||||
class="field mb-3"
|
||||
class="field mb-3 mt-2"
|
||||
placeholder="Search notes"
|
||||
v-model="searchText"
|
||||
/>
|
||||
|
|
|
@ -858,19 +858,19 @@ $modal-transition: transform .1s ease-out !default;
|
|||
$modal-scale-transform: scale(1.5) !default;
|
||||
|
||||
// Toasts
|
||||
$toast-max-width: 200px !default;
|
||||
$toast-padding-x: .5rem !default;
|
||||
$toast-padding-y: .5rem !default;
|
||||
$toast-font-size: $font-size-base !default;
|
||||
$toast-color: $white !default;
|
||||
$toast-background-color: $black;
|
||||
$toast-border-width: 0 !default;
|
||||
// $toast-border-color: rgba(0, 0, 0, .1) !default;
|
||||
$toast-border-radius: $border-radius !default;
|
||||
$toast-box-shadow: none !default;
|
||||
$toast-header-color: $white !default;
|
||||
$toast-header-background-color: $black !default;
|
||||
$toast-header-border-color: transparent !default;
|
||||
// $toast-max-width: 200px !default;
|
||||
// $toast-padding-x: .5rem !default;
|
||||
// $toast-padding-y: .5rem !default;
|
||||
// $toast-font-size: $font-size-base !default;
|
||||
// $toast-color: $white !default;
|
||||
// $toast-background-color: $black;
|
||||
// $toast-border-width: 0 !default;
|
||||
// // $toast-border-color: rgba(0, 0, 0, .1) !default;
|
||||
// $toast-border-radius: $border-radius !default;
|
||||
// $toast-box-shadow: none !default;
|
||||
// $toast-header-color: $white !default;
|
||||
// $toast-header-background-color: $black !default;
|
||||
// $toast-header-border-color: transparent !default;
|
||||
// Badges
|
||||
|
||||
// $badge-font-size: 75% !default;
|
||||
|
|
Loading…
Reference in a new issue