fix: fixed no-link text(#424)

* Fixed Coming Soon.tsx.Added styles to globals.css

* added suggestions

* added media responsivness

components/NewIssue/NewIssue.tsx

@@ -0,0 +1,15 @@
+import { FC } from "react";
+
+const NewIssue:FC<{}> = () => {
+
+  return (
+    <p className="pt-6 md:p-0 coming-soon">
+      <span className="text-2xl">Be the first to add by creating a GitHub issue</span>{" "}
+      <span className="animate-pulse text-2xl text-purple-500">
+       <a href="https://github.com/rupali-codes/LinksHub/issues/new?assignees=&labels=add+link&template=add_link.yml&title=%5BAdd%5D+%3Cname%3E" target="_blank"><u>here</u></a>
+      </span>
+    </p>
+  )
+}
+
+export default NewIssue;

pages/[subcategory]/index.tsx

@@ -4,7 +4,7 @@ import { useRouter } from "next/router";
 import Head from "next/head";
 import useFilterDB from "hooks/useFilterDB";
 import CardsList from "components/Cards/CardsList";
-import ComingSoon from "components/ComingSoon/ComingSoon";
+import ComingSoon from "components/NewIssue/NewIssue";
 
 const SubCategory = () => {
   const router = useRouter();

styles/globals.css

@@ -75,3 +75,22 @@ body {
 .scrollColorLight::-webkit-scrollbar-thumb:hover {
   background: #aaa;
 }
+
+
+@media (min-width: 992px) {
+  .coming-soon 
+{
+  text-align: center;
+  top:220px;
+  position: relative;
+}
+}
+
+@media (max-width: 800px) {
+  .coming-soon 
+{
+  text-align: center;
+  top:150px;
+  position: relative;
+}
+}