This commit is contained in:
Gamebrary 2024-01-27 10:08:31 -07:00
parent bef2869f41
commit 12d7a29a40
7 changed files with 22 additions and 29 deletions

View file

@ -1,9 +0,0 @@
// https://bootstrap-vue.org/docs/reference/settings
export default {
BButton: { variant: 'primary' },
BToast: {
noCloseButton: true,
toaster: 'b-toaster-top-full',
},
};

View file

@ -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

View file

@ -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 }"

View file

@ -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)"

View file

@ -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);

View file

@ -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"
/>

View file

@ -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;