lalloisi/pyrofetes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

navbar maj

Browse Source
This commit is contained in:
barbierg
2025-11-20 16:50:30 +01:00
parent 0855dd05b7
commit c3ec0e8afd
7 changed files with 38 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/app.css
View File

@@ -3,11 +3,27 @@
} }
.app-layout { .app-layout {
height: 100vh; height: 150vh;
width: 100%;
}
.main-title {
color:#eabf63;
} }
.top-nav { .top-nav {
line-height: 64px; line-height: 64px;
background-color: #2c2c2c;
}
.top-nav a {
display: block;
background-color: #4c4c4c;
}
.nav-item {
color: #eabf63;
font-size: 18px;
} }
.logo { .logo {
@@ -15,22 +31,21 @@
height: 64px; height: 64px;
padding-right: 24px; padding-right: 24px;
line-height: 64px; line-height: 64px;
background: #001529; background: #1c1c1c;
} }
.logo img { .logo img {
display: inline-block; display: inline-block;
height: 32px; height: 70px;
width: 32px; width: 130px;
vertical-align: middle;
} }
.logo h1 { .logo h1 {
display: inline-block; display: inline-block;
margin: 0 0 0 15px; margin: 0 0 0 10px;
color: #fff; color: #eabf63;
font-weight: 600; font-weight: 600;
font-size: 20px; font-size: 22px;
font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif; font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
vertical-align: middle; vertical-align: middle;
} }

12
src/app/app.html
View File

@@ -2,15 +2,15 @@
<nz-header> <nz-header>
<div class="logo"> <div class="logo">
<a> <a>
<img src="../logo.svg" alt="logo"> <img src="../logo-navbar.svg" alt="logo">
<h1>Pyrofêtes P4</h1> <h1>Gestion des relations</h1>
</a> </a>
</div> </div>
<ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal"> <ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
<li nz-menu-item routerLinkActive="ant-menu-item-selected" routerLink="/customers">Clients</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/customers"><nz-icon nzType="shop" nzTheme="outline" /> Clients</li>
<li nz-menu-item routerLinkActive="ant-menu-item-selected" routerLink="/providers">Prestataires</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/providers"><nz-icon nzType="solution" nzTheme="outline" /> Prestataires</li>
<li nz-menu-item routerLinkActive="ant-menu-item-selected" routerLink="/staff">Artificiers</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/staff"><nz-icon nzType="fire" nzTheme="fill" /> Artificiers</li>
<li nz-menu-item routerLinkActive="ant-menu-item-selected" routerLink="/opportunities">Opportunités</li> <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/opportunities"><nz-icon nzType="stock" nzTheme="outline" /> Opportunités</li>
</ul> </ul>
</nz-header> </nz-header>
<nz-content> <nz-content>

3
src/app/app.ts
View File

@@ -2,10 +2,11 @@ import { Component } from '@angular/core';
import {RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router'; import {RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
import { NzLayoutModule } from 'ng-zorro-antd/layout'; import { NzLayoutModule } from 'ng-zorro-antd/layout';
import { NzMenuModule } from 'ng-zorro-antd/menu'; import { NzMenuModule } from 'ng-zorro-antd/menu';
import {NzIconDirective} from "ng-zorro-antd/icon";
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
imports: [RouterOutlet, NzLayoutModule, NzMenuModule, RouterLinkActive, RouterLink], imports: [RouterOutlet, NzLayoutModule, NzMenuModule, RouterLinkActive, RouterLink, NzIconDirective],
templateUrl: './app.html', templateUrl: './app.html',
styleUrl: './app.css' styleUrl: './app.css'
}) })

2
src/app/pages/providers/providers.html
View File

@@ -1 +1 @@
<p>providers works!</p> <app-providers-card-form></app-providers-card-form>

5
src/app/pages/providers/providers.ts
View File

@@ -1,8 +1,11 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import {ProvidersCardForm} from "./providers-card-form/providers-card-form";
@Component({ @Component({
selector: 'app-providers', selector: 'app-providers',
imports: [], imports: [
ProvidersCardForm
],
templateUrl: './providers.html', templateUrl: './providers.html',
styleUrl: './providers.css', styleUrl: './providers.css',
}) })

2
src/index.html
View File

@@ -5,7 +5,7 @@
<title>Pyrofètes Frontend</title> <title>Pyrofètes Frontend</title>
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="./public/logo-navbar.svg">
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>

2
src/theme.less
View File

@@ -6,4 +6,4 @@
// Override less variables to here // Override less variables to here
// View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less // View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less
// @primary-color: #1890ff; @primary-color: #1c1c1c;