Skip to content

GitLab

Commit 207ab966 authored by Thomas Mundstock's avatar Thomas Mundstock
Browse files

Review Adjustments

parent 3049abed
Hide whitespace changes
Inline Side-by-side
Showing
with 44 additions and 40 deletions
+44 -40
src/app/app.component.css
View file @ 207ab966
.lexend {
font-family: "Lexend", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}
\ No newline at end of file
src/app/app.component.html
View file @ 207ab966
<main class="main">
<app-navigation-bar [hasSelectedProject]="true"></app-navigation-bar>
<app-base-input
label="Username"
type="text"
......
src/app/app.component.ts
View file @ 207ab966
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { BaseInputComponent } from './components/base-input/base-input.component';
import { NavigationBarComponent } from './components/navigation-bar/navigation-bar.component';
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet, BaseInputComponent],
imports: [RouterOutlet, BaseInputComponent, NavigationBarComponent],
templateUrl: './app.component.html',
styleUrl: './app.component.css',
})
......
src/app/components/navigation-bar/navigation-bar.component.css
View file @ 207ab966
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--secondary);
padding: 24px;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--secondary);
padding: 24px;
}
.right-section {
display: flex;
display: flex;
}
.icon-right {
padding-left: 40px;
padding-left: 40px;
}
.icon-person {
padding-left: 30px;
}
\ No newline at end of file
padding-left: 30px;
}
src/app/components/navigation-bar/navigation-bar.component.html
View file @ 207ab966
<body>
<header class="header">
<img class="brand-logo" src="assets/navigation-bar-icons/brand.png" alt="Brand Logo">
<div class="right-section">
<div *ngIf="hasSelectedProject; else noImage">
<img class="icon-right" src="assets/navigation-bar-icons/icon-notifications.png" alt="Notifications Icon">
<img class="icon-right" src="assets/navigation-bar-icons/icon-settings.png" alt="Settings Icon">
</div>
<ng-template #noImage></ng-template>
<div>
<img class="icon-person" src="assets/navigation-bar-icons/icon-person.png" alt="Person Icon">
</div>
</div>
</header>
</body>
\ No newline at end of file
<header class="header">
<img
class="brand-logo"
src="assets/navigation-bar-icons/brand.png"
alt="Brand Logo"
/>
<div class="right-section">
<div *ngIf="hasSelectedProject; else noImage">
<img
class="icon-right"
src="assets/navigation-bar-icons/icon-notifications.png"
alt="Notifications Icon"
/>
<img
class="icon-right"
src="assets/navigation-bar-icons/icon-settings.png"
alt="Settings Icon"
/>
</div>
<ng-template #noImage></ng-template>
<div>
<img
class="icon-person"
src="assets/navigation-bar-icons/icon-person.png"
alt="Person Icon"
/>
</div>
</div>
</header>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment