From a8ae57ad8489dfeefb4902e9b28dba69ba79fcbc Mon Sep 17 00:00:00 2001 From: Chneemann Date: Thu, 1 Aug 2024 15:15:02 +0200 Subject: [PATCH] added header component, logos & colors --- .../home/header/header.component.html | 6 +++++ .../home/header/header.component.scss | 14 +++++++++++ .../home/header/header.component.spec.ts | 23 +++++++++++++++++++ .../home/header/header.component.ts | 12 ++++++++++ .../app/components/home/home.component.html | 4 +++- .../src/app/components/home/home.component.ts | 9 ++++---- frontend/src/assets/img/logo_ci.svg | 14 +++++++++++ frontend/src/assets/img/logo_full.svg | 19 +++++++++++++++ frontend/src/assets/style/colors.scss | 5 ++++ frontend/src/styles.scss | 5 +++- 10 files changed, 104 insertions(+), 7 deletions(-) create mode 100644 frontend/src/app/components/home/header/header.component.html create mode 100644 frontend/src/app/components/home/header/header.component.scss create mode 100644 frontend/src/app/components/home/header/header.component.spec.ts create mode 100644 frontend/src/app/components/home/header/header.component.ts create mode 100644 frontend/src/assets/img/logo_ci.svg create mode 100644 frontend/src/assets/img/logo_full.svg create mode 100644 frontend/src/assets/style/colors.scss diff --git a/frontend/src/app/components/home/header/header.component.html b/frontend/src/app/components/home/header/header.component.html new file mode 100644 index 0000000..a3bbbd1 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.html @@ -0,0 +1,6 @@ +
+ +
Log in
+
diff --git a/frontend/src/app/components/home/header/header.component.scss b/frontend/src/app/components/home/header/header.component.scss new file mode 100644 index 0000000..0ab9972 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.scss @@ -0,0 +1,14 @@ +header { + display: flex; + justify-content: space-between; + align-items: center; + height: 88px; + padding: 10px 96px; +} + +.logo { + img { + width: 200px; + height: 32px; + } +} diff --git a/frontend/src/app/components/home/header/header.component.spec.ts b/frontend/src/app/components/home/header/header.component.spec.ts new file mode 100644 index 0000000..4ff21e8 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeaderComponent } from './header.component'; + +describe('HeaderComponent', () => { + let component: HeaderComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [HeaderComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HeaderComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/components/home/header/header.component.ts b/frontend/src/app/components/home/header/header.component.ts new file mode 100644 index 0000000..c780cb4 --- /dev/null +++ b/frontend/src/app/components/home/header/header.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-header', + standalone: true, + imports: [], + templateUrl: './header.component.html', + styleUrl: './header.component.scss' +}) +export class HeaderComponent { + +} diff --git a/frontend/src/app/components/home/home.component.html b/frontend/src/app/components/home/home.component.html index 5f2c53f..3e819bc 100644 --- a/frontend/src/app/components/home/home.component.html +++ b/frontend/src/app/components/home/home.component.html @@ -1 +1,3 @@ -

home works!

+
+ +
diff --git a/frontend/src/app/components/home/home.component.ts b/frontend/src/app/components/home/home.component.ts index deb69c4..819de42 100644 --- a/frontend/src/app/components/home/home.component.ts +++ b/frontend/src/app/components/home/home.component.ts @@ -1,12 +1,11 @@ import { Component } from '@angular/core'; +import { HeaderComponent } from './header/header.component'; @Component({ selector: 'app-home', standalone: true, - imports: [], + imports: [HeaderComponent], templateUrl: './home.component.html', - styleUrl: './home.component.scss' + styleUrl: './home.component.scss', }) -export class HomeComponent { - -} +export class HomeComponent {} diff --git a/frontend/src/assets/img/logo_ci.svg b/frontend/src/assets/img/logo_ci.svg new file mode 100644 index 0000000..41d4f18 --- /dev/null +++ b/frontend/src/assets/img/logo_ci.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/frontend/src/assets/img/logo_full.svg b/frontend/src/assets/img/logo_full.svg new file mode 100644 index 0000000..84c8809 --- /dev/null +++ b/frontend/src/assets/img/logo_full.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/assets/style/colors.scss b/frontend/src/assets/style/colors.scss new file mode 100644 index 0000000..145a39d --- /dev/null +++ b/frontend/src/assets/style/colors.scss @@ -0,0 +1,5 @@ +/* COLORS */ +$white: #fff; +$black: #000; +$gray: #ababab; +$blue: #2e3edf; diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 90d4ee0..495abb9 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -1 +1,4 @@ -/* You can add global styles to this file, and also import other style files */ +* { + margin: 0; + scroll-behavior: smooth; +}