SetPath()}
lightMode={lightMode}
data={dataWithMatchingTag}
tags={tags}
diff --git a/src/routes/Tags.js b/src/routes/Tags.js
index 1d2abb7..35e793e 100644
--- a/src/routes/Tags.js
+++ b/src/routes/Tags.js
@@ -1,7 +1,7 @@
import { useParams } from "react-router-dom";
import List from "../componets/List";
-const Tags = ({ data, tags, collections, SetLoader, lightMode, reFetch }) => {
+const Tags = ({ SetPath, data, tags, collections, SetLoader, lightMode, reFetch }) => {
const { tagId } = useParams();
const dataWithMatchingTag = data.filter((e) => {
return e.tag.includes(tagId);
@@ -10,6 +10,7 @@ const Tags = ({ data, tags, collections, SetLoader, lightMode, reFetch }) => {
return (
SetPath()}
lightMode={lightMode}
data={dataWithMatchingTag}
tags={tags}
diff --git a/src/styles/App.css b/src/styles/App.css
index 7a8c882..2f65e1b 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -2,6 +2,7 @@
.search {
width: 35%;
min-width: 300px;
+ font-size: 1rem;
}
}
@@ -14,6 +15,8 @@
@media (width <= 400px) {
.search {
width: 120px;
+ font-size: 0.6rem;
+ font-weight: 600;
}
}
@@ -43,7 +46,6 @@
.search {
padding: 10px;
font-family: "Font Awesome 5 Free";
- font-size: 1.2rem;
padding-left: 10px;
border: none;
border-radius: 0;
@@ -93,4 +95,4 @@ input:focus {
.select {
font-family: "Font Awesome 5 Free"
-}
\ No newline at end of file
+}
diff --git a/src/styles/List.css b/src/styles/List.css
index 3e7cbb6..7d2cd37 100644
--- a/src/styles/List.css
+++ b/src/styles/List.css
@@ -28,10 +28,6 @@
rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
- .list a {
- text-decoration: none;
- }
-
.list-row:hover img {
opacity: 90%;
}
@@ -44,6 +40,7 @@
.tags {
margin: 10px auto 10px auto;
+ justify-content: center;
}
.list-row {
@@ -68,10 +65,6 @@
align-items: center;
}
- .link {
- text-decoration: underline;
- }
-
.date {
margin-left: auto;
}
@@ -110,6 +103,10 @@
flex-direction: column;
}
+.list a {
+ text-decoration: none;
+}
+
.link {
white-space: nowrap;
font-family: "Font Awesome 5 Free";
@@ -151,19 +148,24 @@
display: flex;
border-width: 1px;
width: fit-content;
- font-size: 1rem;
+ font-size: 0.8rem;
border-radius: 5px;
flex-wrap: wrap;
}
.tags a {
- margin-right: 10px;
- color: #2b8add;
- text-decoration: none;
+ padding: 10px;
+ background-color:rgb(49, 114, 204);
+ box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
+ rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
+ rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
+ text-shadow: none;
+ margin: 5px;
+ color: #ffffff;
}
.tags a::before {
- color: rgb(42, 125, 172);
+ color: rgb(0, 162, 255);
content: "# ";
}
@@ -202,6 +204,7 @@
font-size: 0.7rem;
opacity: 80%;
margin-right: auto;
+ margin-top: 10px;
}
.no-results {
@@ -231,5 +234,15 @@
}
.list-collection-label a {
- color: inherit;
+ color: rgb(166, 166, 166);
+ text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+}
+
+.return-btn {
+ border-radius: 10px;
+ padding: 5px;
+ font-size: small;
+ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+ margin-right: 5px;
+ text-shadow: none;
}
diff --git a/src/styles/index.css b/src/styles/index.css
index dce6689..ba98e3b 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -39,10 +39,6 @@ body {
background-color: rgb(76, 117, 170);
}
-.tags div {
- color: rgb(126, 208, 255);
-}
-
.title {
color: white;
}
@@ -120,10 +116,6 @@ body {
color: rgb(102, 102, 102);
}
-.light .tags div {
- color: rgb(9, 139, 214);
-}
-
.light .filter {
background-color: rgb(233, 220, 179);
}