JoeKung/Progetto-m152-Angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved header styée

Browse Source
This commit is contained in:
grata
2023-05-05 12:11:08 +02:00
parent 9c44077b71
commit a24fce9fab
3 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/app.component.css
View File

@@ -0,0 +1,9 @@
.button-container{
display: flex;
justify-content: space-between;
}
#logout{
justify-self: flex-end;
margin: 5px;
}

22
src/app/app.component.html
View File

@@ -1,12 +1,14 @@
<button (click)="clearAllCookies()">Logout</button>
<div class="dropdown dropdown-hover" id="translate">
<label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100"
id="translateLabel">{{homeTranslations.translate}}</label>
<ul tabindex="0" class="dropdown-content menu p-2 shadow rounded-box w-52" id="translateUl">
<li (click)="switchLanguage('DE')"><a>DE</a></li>
<li (click)="switchLanguage('FR')"><a>FR</a></li>
<li (click)="switchLanguage('IT')"><a>IT</a></li>
<li (click)="switchLanguage('EN')"><a>EN</a></li>
</ul>
<div class="button-container">
<div class="dropdown dropdown-hover" id="translate">
<label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100"
id="translateLabel">{{homeTranslations.translate}}</label>
<ul tabindex="0" class="dropdown-content menu p-2 shadow rounded-box w-52" id="translateUl">
<li (click)="switchLanguage('DE')"><a>DE</a></li>
<li (click)="switchLanguage('FR')"><a>FR</a></li>
<li (click)="switchLanguage('IT')"><a>IT</a></li>
<li (click)="switchLanguage('EN')"><a>EN</a></li>
</ul>
</div>
<button (click)="clearAllCookies()" class="btn btn-active btn-ghost" id="logout">Logout</button>
</div>
<router-outlet></router-outlet>

4
src/app/component/login/login.component.html
View File

@@ -33,8 +33,8 @@
<a (click)="switch()">
<span *ngIf="login">Register</span>
<span *ngIf="!login">Login</span>
<button class="btn-link" *ngIf="login">Register</button>
<button class="btn-link" *ngIf="!login">Login</button>
</a>
</div>