Husky/Hochzeit
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Homedesign geändert

Browse Source
This commit is contained in:
HuskyTeufel
2022-01-13 14:33:32 +01:00
parent a37ed61622
commit f2645108b0
4 changed files with 41 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/app/home/home.component.css
View File

@@ -10,12 +10,20 @@
.section-heading-page { .section-heading-page {
background: #228fb8; background: #228fb8;
color: white; color: white;
height: 150px;
position: relative;
top:250px;
} }
.container { .section-name {
position: relative;
top: 50px;
}
text-align: center; .section-countdown {
position:relative;
top: -170px;
} }
@@ -23,3 +31,4 @@

55
ui/src/app/home/home.component.html
View File

@@ -1,58 +1,9 @@
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="container">
<div class="row align-items-start">
<div class="col">
<div class="container">
<div class="row">
<div class="col align-self-center">
<app-countdown></app-countdown>
</div>
</div>
<div class="row">
<div class="col">
<div class="section-heading-page"> <div class="section-heading-page">
<div class="section-name">
<h1 class="heading-page">Annika &amp; Damian</h1> <h1 class="heading-page">Annika &amp; Damian</h1>
<div class="text-center mt-10">20.08.2022</div> <div class="text-center mt-10">20.08.2022</div>
</div> </div>
<div class="section-countdown">
<app-countdown></app-countdown>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div>
<!--
<div class="wrapper-table">
<div class="wrapper-table-cell">
</div>
<div class="section-heading-page">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="heading-page"><app-countdown></app-countdown></div>
<h1 class="heading-page">Annika &amp; Damian</h1>
<div class="subtitle-page text-center mt-10">20.08.2022</div>
</div>
</div>
</div>
</div>
</div>
-->

10
ui/src/app/navbar/navbar.component.html
View File

@@ -1,8 +1,4 @@
<!-- NAVBAR -->
<!--===============================================================-->
<nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light"> <nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" routerLink="/home">Home</a> <a class="nav-link" routerLink="/home">Home</a>
@@ -10,16 +6,14 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Unser Fest</a> <a class="nav-link" href="#">Unser Fest</a>
</li> </li>
<li class="nav-item"> <!--<li class="nav-item">
<a class="nav-link" href="#">Bilder</a> <a class="nav-link" href="#">Bilder</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Wunschbüechli</a> <a class="nav-link" href="#">Wunschbüechli</a>
</li> </li>-->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a> <a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a>
</li> </li>
</ul> </ul>
</nav> </nav>
<!-- NAVBAR END -->

4
ui/src/styles.css
View File

@@ -2,7 +2,9 @@
* { * {
font-size: 15px; font-size: 15px;
} }
html {
width: 100%;
}
body { body {
font-family: Roboto, "Helvetica Neue", sans-serif; font-family: Roboto, "Helvetica Neue", sans-serif;