Paddy/Betterzon
1
0
Fork 0
mirror of https://github.com/Mueller-Patrick/Betterzon.git synced 2026-05-26 12:38:03 +00:00
Code Issues Projects Releases Wiki Activity

BETTERZON-78 - grid added, structured as in Adobe XD mockup

Browse Source
This commit is contained in:
Jegor
2021-05-11 11:54:02 +02:00
parent 6982a139af
commit a3d9b826f0
8 changed files with 669 additions and 403 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/src/app/components/bottom-bar/bottom-bar.component.css
+22 -20
View File
@@ -1,28 +1,30 @@
.bottom-bar-container {
background-color: black
;
width: 100%;
height: 68px;
position: fixed;
padding: 16px;
align-items: center;
bottom: 0;
.bottom-bar-wrapper {
display: grid;
grid-template-columns: 100px auto 100px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 70px 70px 70px;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.betterzonlogo {
grid-column-start: 1;
grid-column-end: 2;
.folge-uns-item {
grid-column: 2; grid-row: 1;
justify-self: center;
}
.references {
grid-column-start: 2;
grid-column-end: 3;
align-items: center;
.link-items {
grid-column: 2; grid-row: 2;
justify-self: center;
}
.copyright {
grid-column-start: 3;
grid-column-end: 4;
.footer-links li {
display: inline;
margin-right: 60px;
}
.bottom-logo {
grid-column: 1; grid-row: 3;
}
.bottom-info {
grid-column: 3; grid-row: 3;
}