add active website tracking with pin icon

2024-11-11 13:29:32 -05:00
parent 1225473c20
commit 65c4627900
6 changed files with 52 additions and 10 deletions
--- a/src/app/(main)/dashboard/DashboardEdit.module.css
+++ b/src/app/(main)/dashboard/DashboardEdit.module.css
@@ -7,6 +7,19 @@

 .item {
  padding: 5px 0;
+  position: relative;
+}
+
+.pinActive {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  padding: 5px;
+}
+
+.pin {
+  width: 20px;
+  height: 20px;
 }

 .item h1 {
@@ -26,6 +39,10 @@
  background: var(--base50);
 }

+.websiteActive .text {
+  border: 1px solid var(--base800);
+}
+
 .active .text {
  border-color: var(--base600);
  box-shadow: 4px 4px 4px var(--base100);