Get rid of bad, unscoped Skeleton hiding CSS, comment out AIS Searchbox skeleton

This commit is contained in:
Xevion
2022-05-21 17:17:05 -05:00
parent 25aa6cd2c9
commit a9b84336a0
+6 -11
View File
@@ -42,11 +42,12 @@
<b-row class="my-3 pl-1" cols="12"> <b-row class="my-3 pl-1" cols="12">
<b-col lg="3" xl="2" md="12"> <b-col lg="3" xl="2" md="12">
<ais-search-box ref="searchbox" placeholder="Search here…" @keydown.native="showResults" /> <ais-search-box ref="searchbox" placeholder="Search here…" @keydown.native="showResults" />
<Skeleton <!--<Skeleton
secondary_color="#3e3e3e" border_radius="1px" secondary-color="#3e3e3e"
primary_color="#4A4A4A" border-radius="1px"
:inner_style="{ 'min-height': '35.6px' }" primary-color="#4A4A4A"
/> :inner-style="{ 'min-height': '35.6px' }"
/>-->
</b-col> </b-col>
</b-row> </b-row>
<b-row align-h="start" cols="12"> <b-row align-h="start" cols="12">
@@ -86,10 +87,6 @@ html, body, #app {
height: 100%; height: 100%;
} }
.outer-skeleton:not(:first-child) {
display: none;
}
.ais-SearchBox-form { .ais-SearchBox-form {
border: none; border: none;
} }
@@ -137,7 +134,6 @@ html, body, #app {
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 Skeleton from "./components/Skeleton.vue";
import Footer from "./components/Footer.vue" import Footer from "./components/Footer.vue"
import moment from "moment"; import moment from "moment";
@@ -145,7 +141,6 @@ export default {
name: "App", name: "App",
components: { components: {
SeasonList, SeasonList,
Skeleton,
Footer Footer
}, },
data() { data() {