add developer viewpoint marker, fix Algolia insights API key constant interpolation, move main.scss import (testing bootstrap override interaction)

This commit is contained in:
Xevion
2020-09-11 08:46:49 -05:00
parent 6b37ba5114
commit e3f4123d89
3 changed files with 10 additions and 3 deletions

View File

@@ -145,8 +145,8 @@
// Initialize library // Initialize library
aa('init', { aa('init', {
appId: <%= VUE_APP_ALGOLIA_APP_ID %>, appId: "<%= VUE_APP_ALGOLIA_APP_ID %>",
apiKey: <%= VUE_APP_ALGOLIA_API_KEY %> apiKey: "<%= VUE_APP_ALGOLIA_API_KEY %>"
}); });
</script> </script>
<body> <body>

View File

@@ -18,6 +18,13 @@
About About
</router-link> </router-link>
</b-nav-item> </b-nav-item>
<b-badge variant="dark">
<span id="marker-xs" class="d-sm-none">XS</span>
<span id="marker-sm" class="d-none d-sm-block d-md-none">SM</span>
<span id="marker-md" class="d-none d-md-block d-lg-none">MD</span>
<span id="marker-lg" class="d-none d-lg-block d-xl-none">LG</span>
<span id="marker-xl" class="d-none d-xl-block">XL</span>
</b-badge>
</b-navbar-nav> </b-navbar-nav>
</b-collapse> </b-collapse>
</b-navbar> </b-navbar>
@@ -102,7 +109,6 @@ body {
import algoliasearch from "algoliasearch/lite"; import algoliasearch from "algoliasearch/lite";
import SeasonList from "./components/SeasonList.vue"; import SeasonList from "./components/SeasonList.vue";
import "instantsearch.css/themes/algolia-min.css"; import "instantsearch.css/themes/algolia-min.css";
import './scss/main.scss';
export default { export default {
name: "App", name: "App",

View File

@@ -1,4 +1,5 @@
import "bootstrap/dist/css/bootstrap.css"; import "bootstrap/dist/css/bootstrap.css";
import '@/scss/main.scss';
import Vue from "vue"; import Vue from "vue";
import {BootstrapVue, BootstrapVueIcons} from "bootstrap-vue"; import {BootstrapVue, BootstrapVueIcons} from "bootstrap-vue";
import InstantSearch from "vue-instantsearch"; import InstantSearch from "vue-instantsearch";