4a56c92667
The overlay that is used when the menubar is used is now actually transparent When logging in, actually always redirect to somewhere (if not asked -> redirect to /)
19 lines
659 B
TypeScript
19 lines
659 B
TypeScript
import './carousel.css'
|
|
|
|
const menuBtn = document.querySelector<HTMLButtonElement>('#menuBtn')!;
|
|
const sidebar = document.querySelector('#sidebar')!;
|
|
const overlay = document.querySelector('#overlay')!;
|
|
|
|
menuBtn.addEventListener('click', () => {
|
|
sidebar.classList.toggle('-translate-x-full')
|
|
overlay.classList.toggle('opacity-0');
|
|
overlay.classList.toggle('opacity-40');
|
|
overlay.classList.toggle('pointer-events-none');
|
|
menuBtn.classList.toggle('flipped');
|
|
});
|
|
|
|
overlay.addEventListener('click', () => {
|
|
sidebar.classList.add('-translate-x-full');
|
|
overlay.classList.add('opacity-0', 'pointer-events-none');
|
|
overlay.classList.remove('opacity-40');
|
|
});
|