diff options
author | vnugent <public@vaughnnugent.com> | 2023-07-12 01:28:23 -0400 |
---|---|---|
committer | vnugent <public@vaughnnugent.com> | 2023-07-12 01:28:23 -0400 |
commit | f64955c69d91e578e580b409ba31ac4b3477da96 (patch) | |
tree | 16f01392ddf1abfea13d7d1ede3bfb0459fe8f0d /front-end/src/bootstrap/components/CookieWarning.vue |
Initial commit
Diffstat (limited to 'front-end/src/bootstrap/components/CookieWarning.vue')
-rw-r--r-- | front-end/src/bootstrap/components/CookieWarning.vue | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/front-end/src/bootstrap/components/CookieWarning.vue b/front-end/src/bootstrap/components/CookieWarning.vue new file mode 100644 index 0000000..b5239f5 --- /dev/null +++ b/front-end/src/bootstrap/components/CookieWarning.vue @@ -0,0 +1,36 @@ +<template> + <div v-if="show" class="fixed top-0 left-0 z-10 w-full" :style="style"> + <div class="flex w-full p-2 text-center text-white bg-blue-600"> + <div class="m-auto text-sm font-semibold md:text-base"> + You must have cookies enabled for this site to work properly + </div> + </div> + </div> +</template> + +<script setup lang="ts"> + +import { computed, toRefs } from 'vue' +import { useEnvSize } from '@vnuge/vnlib.browser' + +const props = defineProps<{ + hidden?: boolean +}>() + +const { hidden } = toRefs(props) + +const { headerHeight } = useEnvSize() + +const show = computed(() => (!window.navigator.cookieEnabled) && !hidden.value) + +const style = computed(() => { + return { + top: headerHeight.value + 'px' + } +}) + +</script> + +<style> + +</style> |