Made each product a link to its own product page

2024-01-18 19:40:02 +00:00
parent 43b85c9b23
commit bd3481c2cc
2 changed files with 25 additions and 2 deletions
--- a/static/css/products.css
+++ b/static/css/products.css
@ -1,5 +1,28 @@
 /* Product Information*/

+.product-link:after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 15%;
+    width: 0%;
+    border-bottom: 2px solid var(--fg);
+    transition: 0.4s;
+}
+
+.product-link:hover:after {
+    width: 70%;
+    color: var(--hover);
+}
+
+.product-link:hover {
+    color: var(--hover);
+}
+
+.product-link:active {
+    color: var(--header);
+}
+
 .product-container {
    width: 95%;
    background-color: var(--bg-grad-3);