diff --git a/src/app/dashboard/table/table.component.html b/src/app/dashboard/table/table.component.html index 3f8cc2b..349bb4a 100644 --- a/src/app/dashboard/table/table.component.html +++ b/src/app/dashboard/table/table.component.html @@ -16,7 +16,7 @@
-
Select
+
Select
Name
Primary Disctrict & State
Type
@@ -53,28 +53,29 @@
- +
-
diff --git a/src/app/dashboard/table/table.component.scss b/src/app/dashboard/table/table.component.scss index 19a9ea0..653e6f2 100644 --- a/src/app/dashboard/table/table.component.scss +++ b/src/app/dashboard/table/table.component.scss @@ -43,6 +43,10 @@ width: calc(100% / 7); font-size: 14px; + input { + margin-right: 5px; + } + p, a, &>div { display: block; white-space: nowrap; @@ -95,4 +99,60 @@ } } } +} + +.page-settings { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + + .input-holder { + input { + width: 70px; + } + } + + .pagination { + display: flex; + justify-content: space-between; + align-items: center; + + button { + background-color: transparent; + border: none; + cursor: pointer; + border-radius: var(--common-border-radius); + background-color: transparent; + border: 2px solid transparent; + + &:hover { + border-color: var(--input-border); + background-color: var(--input-background); + } + + img { + vertical-align: middle; + width: 24px; + height: 24px; + object-fit: contain; + } + + &.right { + img { + transform: rotate(180deg); + } + } + } + + .text { + font-size: 15px; + margin-right: 10px; + color: var(--secondary-text); + } + + .input-holder { + margin: 0 10px; + } + } } \ No newline at end of file diff --git a/src/assets/chevron-left-double.svg b/src/assets/chevron-left-double.svg new file mode 100644 index 0000000..7a9c293 --- /dev/null +++ b/src/assets/chevron-left-double.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/chevron-left.svg b/src/assets/chevron-left.svg new file mode 100644 index 0000000..0d54e24 --- /dev/null +++ b/src/assets/chevron-left.svg @@ -0,0 +1 @@ + \ No newline at end of file