first commit

src/styles/dashboard.scss

@@ -0,0 +1,87 @@
+@use "sass:map";
+
+.dashboard-header {
+  display: flex;
+  gap: 1rem;
+  justify-content: flex-end;
+  flex-direction: column;
+  margin: 30px 0px 0px 0px;
+}
+
+.dash-heading-text {
+  font-size: 1.3rem;
+}
+
+.create-new-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+}
+
+.view-all-link {
+  margin-right: 10px;
+  text-decoration: none;
+}
+
+.view-all-link-box {
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+}
+
+.arrow-wrapper > svg {
+  color: #fa6400;
+  margin-bottom: 3px;
+}
+
+.user-name-container2 {
+  margin-top: -4px;
+  margin-left: 8px;
+  font-weight: 500;
+  color: var(--font-light);
+}
+
+.dash-divider {
+  margin-top: 8px;
+}
+
+.stats-row-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin: 12px 0px;
+  padding: 0px 6px;
+  background-color: #f5f5f5;
+  height: 42px;
+  border-radius: 6px;
+}
+
+.stats-unit-wrapper {
+  display: flex;
+  flex-direction: row;
+  margin-left: 16px;
+}
+
+.stats-text {
+  margin-right: 8px;
+  margin-bottom: 0px;
+}
+
+.stats-icon-wrapper {
+  margin: 0px 10px 2px 10px;
+}
+
+.dashboard-filter {
+  display: flex;
+  gap: 1rem;
+  justify-content: flex-end;
+  flex-direction: column;
+}
+
+@media only screen and (min-width: map.get($grid-breakpoints, "md")) {
+  .dashboard-filter {
+    flex-direction: row;
+  }
+}