Makusu
/
Nasa_video_search_engine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

essai drawer

This commit is contained in:
Maxime Jeannin 2025-09-25 22:33:57 +02:00
parent 9d57a682cd
commit 14ddb11c46
4 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/app.css
View File

@ -0,0 +1,6 @@
main {
margin: 2rem;
display: flex;
}

22
src/app/app.html
View File

@ -1,2 +1,22 @@
<app-header [userEmail]="connectedUserEmail()" /> <html><app-header [userEmail]="connectedUserEmail()" />
<main>
<!-- ESSAI DRAWER -->
<div class="drawer">
<input id="my-drawer" type="checkbox" class="drawer-toggle" />
<div class="drawer-content">
<router-outlet /> <router-outlet />
<label for="my-drawer" class="btn btn-primary drawer-button">Open drawer</label>
</div>
<div class="drawer-side">
<label for="my-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
<ul class="menu bg-base-200 text-base-content min-h-full w-80 p-4">
<!-- Sidebar content here -->
<li><a>Sidebar Item 1</a></li>
<li><a>Sidebar Item 2</a></li>
</ul>
</div>
</div>
<!-- <app-sidebar></app-sidebar> -->
<!-- <router-outlet /> -->
</main>
</html>

3
src/app/app.ts
View File

@ -2,10 +2,11 @@ import { Component, computed, Signal, signal } from '@angular/core';
import { RouterOutlet } from '@angular/router'; import { RouterOutlet } from '@angular/router';
import { Auth } from './services/auth'; import { Auth } from './services/auth';
import { Header } from './shared/header/header'; import { Header } from './shared/header/header';
import { Sidebar } from "./shared/sidebar/sidebar";
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
imports: [RouterOutlet, Header], imports: [RouterOutlet, Header, Sidebar],
templateUrl: './app.html', templateUrl: './app.html',
styleUrl: './app.css' styleUrl: './app.css'
}) })

5
src/styles.css
View File

@ -1,2 +1,7 @@
@import "tailwindcss"; @import "tailwindcss";
@plugin "daisyui"; @plugin "daisyui";
html {
background: #000000;
background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(130, 21, 21, 1) 66%, rgb(223, 47, 38) 100%);
}