tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSC up similar cases pages

Browse source
This commit is contained in:
Tykayn 2025-09-15 16:37:29 +02:00 • committed by tykayn
parent 3bab306708
commit 97ab7a0920
6 changed files with 53 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

15
sae-csc/src/app/pages/similar-cases/similar-cases.html
View file

@ -1,13 +1,16 @@
<div class="similar-cases">
<header>
<div class="row">
<div (click)="displayHeaderTabs = !displayHeaderTabs" class="title-box">
<div class="simimlar-cases-header">
<div (click)="displayHeaderTabs = !displayHeaderTabs" class="title-box is-clickable">
{{ appState.resumeTitle }}
<i class="ri-arrow-down-s-line"></i>
</div>
<div class="actions">
<button class="button">
new question
New question
<i class="ri-chat-ai-line"></i>
</button>
<button class="button">
Search solutions
@ -44,9 +47,9 @@
</div>
}
<div class="row filters-row">
<sae-filters-group></sae-filters-group>
</div>
<!-- <div class="row filters-row">-->
<!-- <sae-filters-group [hideChipsList]="true"></sae-filters-group>-->
<!-- </div>-->
</header>
<main>

25
sae-csc/src/app/pages/similar-cases/similar-cases.scss
View file

@ -9,22 +9,30 @@
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
line-height: 140%;
margin-bottom: 24px;
&:hover {
color: white;
}
}
header {
.simimlar-cases-header {
display: flex;
justify-content: space-between;
align-items: center;
}
button {
color: #255B8E;
color: var(--Colors-Principal-Normal, #255B8E);
/* Body/Body 3/Sb */
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
line-height: 24px;
display: inline-flex;
height: 44px;
@ -88,12 +96,12 @@
.body {
color: #1B1D27;
font-family: Barlow;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
min-height: 100px;
padding-top: 10px;
}
}
@ -134,6 +142,7 @@
}
.tab-button {
cursor: pointer;
padding: 16px;
text-align: center;
border-radius: 8px;
@ -141,16 +150,18 @@
font-family: Barlow;
font-size: 20px;
font-weight: 400;
line-height: 140%;
&.is-active {
background: #E3EAF1;
color: #000;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
&:hover {
background: #D8E7F1;
}
}
.indicator {

4
sae-csc/src/app/pages/similar-cases/similar-cases.ts
View file

@ -4,8 +4,8 @@ import {CaseResult} from './case-result/case-result';
import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation';
import {StateInterface} from '../../redux/reducers';
import {Store} from '@ngrx/store';
import {FiltersGroup} from 'sae-lib/filters/filters-group/filters-group';
import {NgClass} from '@angular/common';
import {MainButton} from 'sae-lib/buttons/main-button/main-button';
@Component({
selector: 'app-similar-cases',
@ -13,8 +13,8 @@ import {NgClass} from '@angular/common';
BotTalks,
CaseResult,
BottomNavigation,
FiltersGroup,
NgClass,
MainButton,
],
templateUrl: './similar-cases.html',
styleUrl: './similar-cases.scss'