Update side menu header.

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

View File

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

View File

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

View File

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

View File

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