feat(frontend): added frontend
- Router: client side route handling with client side rendering - Toast: rought Toast handling for better UX and messaging - Auth: single point of truth for the Logged in user This commit doesnt not include the openapi generated code
This commit is contained in:
parent
0db41a440d
commit
08c910c193
28 changed files with 1994 additions and 0 deletions
17
frontend/src/carousel/index.ts
Normal file
17
frontend/src/carousel/index.ts
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
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('pointer-events-none');
|
||||
menuBtn.classList.toggle('flipped');
|
||||
});
|
||||
|
||||
overlay.addEventListener('click', () => {
|
||||
sidebar.classList.add('-translate-x-full');
|
||||
overlay.classList.add('opacity-0', 'pointer-events-none');
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue