From 7a0f9535101afce199d5854dffa6686f3d2459b7 Mon Sep 17 00:00:00 2001 From: kj1352 Date: Wed, 9 Feb 2022 23:21:59 +0530 Subject: [PATCH] added icons to sidebar --- src/app/dashboard/dashboard.component.html | 8 +- src/app/dashboard/dashboard.component.scss | 7 ++ src/app/dashboard/table/table.component.html | 118 ++++++++++++++++++- src/assets/dashboard.svg | 56 +++++++++ src/assets/database.svg | 92 +++++++++++++++ src/assets/report.svg | 45 +++++++ src/assets/search.svg | 42 +++++++ src/assets/settings.svg | 62 ++++++++++ src/styles.scss | 22 ++++ 9 files changed, 447 insertions(+), 5 deletions(-) create mode 100644 src/assets/dashboard.svg create mode 100644 src/assets/database.svg create mode 100644 src/assets/report.svg create mode 100644 src/assets/search.svg create mode 100644 src/assets/settings.svg 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);