florian/codiki-hexagonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update side menu header.

Browse Source
This commit is contained in:
Florian THIERRY
2024-06-04 12:55:46 +02:00
parent d324b94ddb
commit 067bf7885a
4 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/components/header/header.component.scss
View File

@@ -33,6 +33,9 @@ $headerHeight: 3.5em;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
$buttonSize: 2.5em;
width: $buttonSize;
height: $buttonSize;
&:hover { &:hover {
cursor: pointer; cursor: pointer;

4
frontend/src/app/components/side-menu/side-menu.component.html
View File

@@ -1,9 +1,9 @@
<div class="menu {{ isOpenned ? 'displayed' : '' }}"> <div class="menu {{ isOpenned ? 'displayed' : '' }}">
<h1> <h1>
<span> <a [routerLink]="['/home']">
<img src="assets/images/codiki.png" alt="logo"/> <img src="assets/images/codiki.png" alt="logo"/>
Codiki Codiki
</span> </a>
<button type="button" (click)="close()" matTooltip="Close the menu"> <button type="button" (click)="close()" matTooltip="Close the menu">
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>

4
frontend/src/app/components/side-menu/side-menu.component.scss
View File

@@ -26,12 +26,14 @@
align-items: center; align-items: center;
padding: 0 1em; padding: 0 1em;
span { a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
gap: .5em; gap: .5em;
color: white;
text-decoration: none;
img { img {
$imageSize: 1.2em; $imageSize: 1.2em;

3
frontend/src/app/components/side-menu/side-menu.component.ts
View File

@@ -2,11 +2,12 @@ import {Component} from '@angular/core';
import {MatIconModule} from '@angular/material/icon'; import {MatIconModule} from '@angular/material/icon';
import {CategoriesMenuComponent} from './categories-menu/categories-menu.component'; import {CategoriesMenuComponent} from './categories-menu/categories-menu.component';
import {MatTooltipModule} from '@angular/material/tooltip'; import {MatTooltipModule} from '@angular/material/tooltip';
import { RouterModule } from '@angular/router';
@Component({ @Component({
selector: 'app-side-menu', selector: 'app-side-menu',
standalone: true, standalone: true,
imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule], imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule, RouterModule],
templateUrl: './side-menu.component.html', templateUrl: './side-menu.component.html',
styleUrl: './side-menu.component.scss' styleUrl: './side-menu.component.scss'
}) })