add colors variables from lib

This commit is contained in:
Tykayn 2025-08-08 16:16:38 +02:00 committed by tykayn
parent e4031a9768
commit 34b7e8c68e
10 changed files with 175 additions and 72 deletions

View file

@ -14,14 +14,24 @@
<div id="translation_request">
<div class="helper">
<span>
Original question
</span>
<i class="ri-arrow-right-line"></i>
<span>
Summarized question by AI
</span>
</div>
<sae-translate-texts></sae-translate-texts>
</div>
<!-- analyse de question-->
<div id="question_alaysis">
<h2 class="title">
Question analysis
</h2>
<!--filters-->
<!-- advanced filters-->
<sae-filters-group></sae-filters-group>

View file

@ -18,21 +18,24 @@
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" routerLink="home" routerLinkActive="active-link">
<div class="navbar-start">
<a class="navbar-item" routerLink="home" routerLinkActive="is-active">
<img src="csc_logo.svg" alt="logo">
CSC Solution Matcher
CSC Solution Matcher
</a>
<a class="navbar-item">
Home
</a>
<a class="navbar-item">
</div>
<div class="navbar-end">
<!-- <a class="navbar-item">-->
<!-- Home-->
<!-- </a>-->
<a class="navbar-item is-active">
<i class="ri-admin-line"></i>
Admin
</a>
<a class="navbar-item">
<i class="ri-compass-3-line"></i>
Quick Start
</a>
@ -42,6 +45,7 @@
</a>
<a class="navbar-item">
<!-- user -->
<i class="ri-user-2-fill"></i>
borhène
</a>
@ -49,5 +53,5 @@
</div>
</nav>
<app-alert-box></app-alert-box>
<!-- <app-alert-box></app-alert-box>-->
</div>

View file

@ -1,6 +1,9 @@
// TODO importer les variables de la librairie
@use '../../../../styles/variables-barrel' as variables;
.top-navigation{
background: variables.$bg-color-nav;
color: white;
.is-active{
color: #7FB8E7;
}
}

View file

@ -1,15 +1,14 @@
import {Component} from '@angular/core';
import {RouterLink, RouterLinkActive} from '@angular/router';
import {AlertBox} from '../../../../../../my-workspace/projects/sae-lib/alert-box/alert-box';
// import {AlertBox} from '../../../../../../my-workspace/projects/sae-lib/alert-box/alert-box';
// import {SaeLib} from 'sae-lib';
@Component({
selector: 'app-top-navigation',
imports: [
RouterLink,
RouterLinkActive,
AlertBox
// AlertBox
],
templateUrl: './top-navigation.html',
styleUrl: './top-navigation.scss'