This is a basic Burger Menu, which will animate to a X
Set your desired with through the css var --width
<script setup lang="ts">
defineProps<{
isOpen?: boolean
}>()
const emit = defineEmits(['toggle'])
If you want to disable zoom on mobile use the following meta tag: | |
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> | |
This will archieve the following: | |
- user can not zoom in or zoom out | |
- the page will always have a scale factor of 1 | |
- as an added "bonus" this will get rid of the browser bounce, when the user reaches the end of the page while scrolling. | |
Use this technique with caution, because the accessibility of your page will suffer drastically. | |
No zooming means that your page might not be visible on some devices and that users have difficulty with accessing your website. |
This is a basic Burger Menu, which will animate to a X
Set your desired with through the css var --width
<script setup lang="ts">
defineProps<{
isOpen?: boolean
}>()
const emit = defineEmits(['toggle'])
If you build your binaries in a pipeline you want them to be reproducible across platforms.
Build your program with
env GOOS=<system> GOARCH=<architecture> CGO_ENABLED=0 go build -trimpath main.go
Replace with your desired system. Replace with your desired architecture.
Options can be found here: https://go.dev/src/go/build/syslist.go