updates

src2/components/blocks/PrimaryButtonSet.vue

@@ -0,0 +1,107 @@
+<script setup>
+    import { useMenuStore } from '../../stores/MenuStore';
+    import { useEventsStore } from '../../stores/EventsStore';
+    import { mainStore } from '../../stores/MainStore.vue';
+    import Modal from './Modal.vue';
+
+    const menuStore = useMenuStore();
+    const EventsStore = useEventsStore();
+    const MainStore = mainStore();
+</script>
+        
+<template>
+    <div class="text-center p-0">
+        <button class="" v-on:click="menuStore.showMenu = !menuStore.showMenu">Filters</button>
+        
+        <button
+        @click="MainStore.changeGallery(MainStore.isOpen, 0, 0, null)"
+        class="about"
+        type="button"
+        >
+            About
+        </button>
+        
+        <!-- <button
+        @click="MainStore.changeGallery(MainStore.isOpen, 0, 1, null)"
+        class="qr-code"
+        type="button"
+        >
+            QR Code
+        </button> -->
+    </div>
+    
+</template>
+
+<style scoped>
+.menu {
+color: #777 !important;
+background-color: #111;
+padding: .25em 1em .25em 1em;
+}
+
+.ads {
+background-color: #222;
+border: .1em solid #fff;
+border-radius: 25px;
+}
+
+p {
+padding: 1rem 1rem 1rem 0rem;
+text-align: center;
+}
+
+input {
+border-radius: 25px;
+padding: .5rem;
+color: #000;
+}
+
+button {
+border-radius: 25px;
+padding: .5rem;
+margin: .75rem;
+background-color: orange;
+color: #000;
+font-weight: bold;
+}
+
+#filter-btn {
+border-radius: 25px;
+padding: .5rem;
+margin: .75rem;
+background-color: cornflowerblue;
+color: #000;
+font-weight: bold;
+}
+
+button {
+  border-radius: 25px;
+  padding: .25rem .75rem;
+  margin: .25rem;
+  background-color: orange;
+  color: #000;
+  font-weight: bold;
+}
+
+.search {
+  border-radius: 25px;
+  padding: .5rem 1rem;
+  margin: .5rem;
+  margin-top: 10px;
+  background-color: hsla(160, 100%, 37%, 1);
+  color: #000;
+  font-weight: bold;
+}
+
+.days {
+background-color: hsla(160, 100%, 37%, 1);
+padding: .5rem 1rem .5rem 1rem;
+font-size: 1.05rem;
+}
+
+.category {
+/* background-color: hsla(160, 100%, 37%, 1); */
+padding: .5rem 1rem .5rem 1rem;
+font-size: 1.15rem;
+}
+</style>