florian/codiki-hexagonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Styling header.

Browse Source
This commit is contained in:
Florian THIERRY
2024-04-22 16:05:35 +02:00
parent 7f5d52dce5
commit 4985889c58
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/components/header/header.component.scss
View File

@@ -7,11 +7,10 @@ $headerHeight: 3.5em;
background-color: #3f51b5; background-color: #3f51b5;
color: white; color: white;
position: relative; position: relative;
border: 1px solid black;
height: $headerHeight; height: $headerHeight;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
div { div {
border: 1px solid black;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
@@ -25,6 +24,22 @@ $headerHeight: 3.5em;
gap: 1em; gap: 1em;
padding: 0 1em; padding: 0 1em;
button {
background-color: #3f51b5;
color: white;
border: none;
border-radius: 10em;
transition: background-color .2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
&:hover {
cursor: pointer;
background-color: #5c6bc0;
}
}
a { a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;