change header WC-56
This commit is contained in:
parent
b0034ac937
commit
2b4c0b68c8
|
|
@ -0,0 +1,18 @@
|
|||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=app.component.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["app.component.scss"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE","file":"app.component.css"}
|
||||
|
|
@ -1,3 +1,8 @@
|
|||
<app-top-bar></app-top-bar>
|
||||
<router-outlet></router-outlet>
|
||||
<app-footer></app-footer>
|
||||
<body>
|
||||
<div class="content">
|
||||
<app-top-bar></app-top-bar>
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
<app-footer></app-footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,13 @@
|
|||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.content {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
.footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
|
@ -1,8 +1,3 @@
|
|||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
/* Set the fixed height of the footer here */
|
||||
}
|
||||
|
||||
|
||||
/*# sourceMappingURL=footer.component.css.map */
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["footer.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;AACA","file":"footer.component.css"}
|
||||
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"footer.component.css"}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
footer{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
/* Set the fixed height of the footer here */
|
||||
//height: 160px;
|
||||
//line-height: 60px;
|
||||
}
|
||||
|
|
@ -1,33 +1,3 @@
|
|||
.example-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.example-is-mobile .example-toolbar {
|
||||
position: fixed;
|
||||
/* Make sure the toolbar will stay on top of the content as it scrolls past. */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
h1.example-app-name {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.example-sidenav-container {
|
||||
/* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
|
||||
causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.example-is-mobile .example-sidenav-container {
|
||||
/* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
|
||||
`<body>` to be our scrolling element for mobile layouts. */
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=top-bar.component.css.map */
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["top-bar.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;;;AAGF;AACE;AAAA;EAEA;;;AAGF;AACE;AAAA;EAEA","file":"top-bar.component.css"}
|
||||
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"top-bar.component.css"}
|
||||
|
|
@ -1,22 +1,35 @@
|
|||
<div class="example-container">
|
||||
<mat-toolbar color="primary" class="example-toolbar">
|
||||
<button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button>
|
||||
<h1 class="example-app-name">Wirtualny Cmentarz</h1>
|
||||
</mat-toolbar>
|
||||
<!--Navbar-->
|
||||
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark black" [containerInside]="false">
|
||||
|
||||
<mat-sidenav-container class="example-sidenav-container">
|
||||
<mat-sidenav #snav>
|
||||
<mat-nav-list >
|
||||
<a mat-list-item routerLink="/." (click)="snav.toggle()">Strona główna</a>
|
||||
<a *ngIf="currentUser" routerLink="/user-profile" mat-list-item (click)="snav.toggle()">Profil użytkownika</a>
|
||||
<a mat-list-item routerLink="/login" (click)="snav.toggle()">Logowanie</a>
|
||||
<a mat-list-item routerLink="/register" (click)="snav.toggle()">Rejestracja</a>
|
||||
<a *ngIf="currentUser" mat-list-item (click)="snav.toggle(); logout() ">Wylogowanie</a>
|
||||
</mat-nav-list>
|
||||
</mat-sidenav>
|
||||
<!-- Navbar brand -->
|
||||
<mdb-navbar-brand><a class="navbar-brand" routerLink="/.">Wirtualny Cmentarz</a></mdb-navbar-brand>
|
||||
|
||||
<mat-sidenav-content>
|
||||
<router-outlet></router-outlet>
|
||||
</mat-sidenav-content>
|
||||
</mat-sidenav-container>
|
||||
</div>
|
||||
<!-- Collapsible content -->
|
||||
<links>
|
||||
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link waves-light" routerLink="/." mdbWavesEffect>Home<span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a *ngIf="currentUser" class="nav-link waves-light" routerLink="/user-profile" mdbWavesEffect>Profil użytkownika</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a *ngIf="currentUser == null" class="nav-link waves-light" routerLink="/login" mdbWavesEffect>Logowanie</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a *ngIf="currentUser == null" class="nav-link waves-light" routerLink="/register" mdbWavesEffect>Rejestracja</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a *ngIf="currentUser" class="nav-link waves-light" (click)="logout() " mdbWavesEffect>Wylogowanie</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</links>
|
||||
<!-- Collapsible content -->
|
||||
|
||||
</mdb-navbar>
|
||||
<!--/.Navbar-->
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
.example-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.example-is-mobile .example-toolbar {
|
||||
position: fixed;
|
||||
/* Make sure the toolbar will stay on top of the content as it scrolls past. */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
h1.example-app-name {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.example-sidenav-container {
|
||||
/* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
|
||||
causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.example-is-mobile .example-sidenav-container {
|
||||
/* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
|
||||
`<body>` to be our scrolling element for mobile layouts. */
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
|
|
@ -1,9 +1,5 @@
|
|||
.background {
|
||||
width: 100%;
|
||||
height: 75%;
|
||||
background: url("~src/app/background.png");
|
||||
background-size: 100% 100%;
|
||||
background-position: top center;
|
||||
.main {
|
||||
margin-bottom: 300px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=home.component.css.map */
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["home.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA","file":"home.component.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["home.component.scss"],"names":[],"mappings":"AAAA;EACE","file":"home.component.css"}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
<div class="background"></div>
|
||||
|
||||
<img src="https://s6.ifotos.pl/img/backgroun_qaresnr.png">
|
||||
<div class="main"></div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,3 @@
|
|||
.background{
|
||||
width: 100%;
|
||||
height: 75%;
|
||||
background: url("~src/app/background.png");
|
||||
background-size: 100% 100%;
|
||||
background-position: top center;
|
||||
.main {
|
||||
margin-bottom: 300px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
margin-left: 400px;
|
||||
margin-right: 400px;
|
||||
padding: 100px;
|
||||
margin-top: 100px;
|
||||
margin-top: 150px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["login.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE","file":"login.component.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["login.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE","file":"login.component.css"}
|
||||
|
|
@ -2,7 +2,8 @@
|
|||
margin-left: 400px;
|
||||
margin-right: 400px;
|
||||
padding: 100px;
|
||||
margin-top: 100px;
|
||||
margin-top: 150px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
.form-group {
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
margin-left: 400px;
|
||||
margin-right: 400px;
|
||||
padding: 100px;
|
||||
margin-top: 100px;
|
||||
margin-top: 150px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["register.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE","file":"register.component.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["register.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE","file":"register.component.css"}
|
||||
|
|
@ -2,7 +2,8 @@
|
|||
margin-left: 400px;
|
||||
margin-right: 400px;
|
||||
padding: 100px;
|
||||
margin-top: 100px;
|
||||
margin-top: 150px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
.form-group {
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
margin-left: 400px;
|
||||
margin-right: 400px;
|
||||
padding: 100px;
|
||||
margin-top: 100px;
|
||||
margin-top: 150px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
|
||||
.list {
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["user-profile.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;AAGF;EACE","file":"user-profile.component.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["user-profile.component.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE","file":"user-profile.component.css"}
|
||||
|
|
@ -2,7 +2,8 @@
|
|||
margin-left: 400px;
|
||||
margin-right: 400px;
|
||||
padding: 100px;
|
||||
margin-top: 100px;
|
||||
margin-top: 150px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
|
||||
.list{
|
||||
|
|
|
|||
Loading…
Reference in New Issue