diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html index 54f028a..0c033a7 100644 --- a/src/app/dashboard/dashboard.component.html +++ b/src/app/dashboard/dashboard.component.html @@ -5,10 +5,10 @@ diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss index a51d7cb..aa2cd65 100644 --- a/src/app/dashboard/dashboard.component.scss +++ b/src/app/dashboard/dashboard.component.scss @@ -51,6 +51,13 @@ $sidebar-width: 240px; position: relative; overflow: hidden; + img { + width: 20px; + height: 20px; + object-fit: cover; + margin-right: 20px; + } + &:last-child { justify-self: flex-end; } diff --git a/src/app/dashboard/table/table.component.html b/src/app/dashboard/table/table.component.html index 7dd8b47..7382825 100644 --- a/src/app/dashboard/table/table.component.html +++ b/src/app/dashboard/table/table.component.html @@ -1 +1,117 @@ -

table works!

+
+
+

All Partners

+
+ +
+ +
+
+ + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDFirst nameLast name
1FooBar
2SomeoneYouknow
3IamoutOfinspiration
4YodaSkywalker
5PatrickDupont
6BarackObama
7FrançoisHolland
8MichelPopo
9ChuckNorris
10SimonRobin
11LouisLin
12ZeldaLink
+ +
+
+ + +
+ + +
+
+
\ No newline at end of file diff --git a/src/assets/dashboard.svg b/src/assets/dashboard.svg new file mode 100644 index 0000000..0c43889 --- /dev/null +++ b/src/assets/dashboard.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/database.svg b/src/assets/database.svg new file mode 100644 index 0000000..240d44b --- /dev/null +++ b/src/assets/database.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/report.svg b/src/assets/report.svg new file mode 100644 index 0000000..b93cad1 --- /dev/null +++ b/src/assets/report.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/search.svg b/src/assets/search.svg new file mode 100644 index 0000000..8e1d231 --- /dev/null +++ b/src/assets/search.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/settings.svg b/src/assets/settings.svg new file mode 100644 index 0000000..e2d5830 --- /dev/null +++ b/src/assets/settings.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles.scss b/src/styles.scss index 55e4113..646d781 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -54,6 +54,28 @@ display: flex; flex-direction: column-reverse; + &.side-label { + flex-direction: row-reverse; + + label { + width: auto; + } + + input { + width: auto; + flex-grow: 1; + + &:focus { + border: 2px solid var(--primary); + border-radius: var(--common-border-radius); + + & + label { + border: 2px solid transparent; + } + } + } + } + label { font-size: 14px; color: var(--input-placeholder-text);