hds-web 1.38.8 → 1.39.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.38.8",
+  "version": "1.39.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Footers/v3Footer.js

@@ -131,7 +131,7 @@ export default function V3Footer(props) {
             />
           </a>
         </div>
-        <div className="flex justify-between px-4 tb:px-0 tb:justify-start tb-l:justify-between flex-1 flex-wrap gap-y-10 tb:gap-y-16">
+        <div className="flex justify-between px-4 tb:px-0 tb:justify-start tb-l:justify-between flex-1 flex-wrap gap-y-10 tb:gap-y-16 lg:max-w-[712px] 2xl:max-w-[756px]">
           {props.footerLinks.map((footerLink, index) => (
             <div key={index} className="min-w-[130px] db-s:min-w-fit">
               <Typography
@@ -141,7 +141,7 @@ export default function V3Footer(props) {
                 {footerLink.title}
               </Typography>
               {footerLink.links.map((link, subIndex) => (
-                <a href={link.linkUrl}>
+                <a href={link.linkUrl} key={subIndex}>
                   <Typography
                     textStyle="body3"
                     className={
@@ -173,29 +173,31 @@ export default function V3Footer(props) {
             </a>
           ))}
         </div>
-        {isItems && !isError && (
-          <>
-            <a href="https://status.hasura.io/" className="">
-              <div className=" bg-neutral-0 rounded-full shadow hover:shadow-lg transition-all duration-300 px-4 py-2 inline-flex justify-center items-center">
-                <div className="w-4 h-4 bg-green-400 rounded-full mr-2"></div>
-                <Typography textStyle="body3" className={"text-neutral-1000"}>
-                  {isItems?.status.description}
-                </Typography>
-              </div>
-            </a>
-          </>
-        )}
-        <div>
-          <Typography
-            textStyle="body3c"
-            className={
-              isDarkMode
-                ? "text-neutral-400 pt-4 tb-m:pt-0"
-                : "text-neutral-600 pt-4 tb-m:pt-0"
-            }
-          >
-            © {new Date().getFullYear()} Hasura Inc. All rights reserved
-          </Typography>
+        <div className="flex flex-col md:flex-row justify-between items-center w-full lg:max-w-[716px] 2xl:max-w-[756px]">
+          {isItems && !isError && (
+            <>
+              <a href="https://status.hasura.io/" className="">
+                <div className=" bg-neutral-0 rounded-full shadow hover:shadow-lg transition-all duration-300 px-4 py-2 inline-flex justify-center items-center md:ml-16 lg:ml-0">
+                  <div className="w-4 h-4 bg-green-400 rounded-full mr-2"></div>
+                  <Typography textStyle="body3" className={"text-neutral-1000"}>
+                    {isItems?.status.description}
+                  </Typography>
+                </div>
+              </a>
+            </>
+          )}
+          <div>
+            <Typography
+              textStyle="body3c"
+              className={
+                isDarkMode
+                  ? "text-neutral-400 pt-4 tb-m:pt-0"
+                  : "text-neutral-600 pt-4 tb-m:pt-0"
+              }
+            >
+              © {new Date().getFullYear()} Hasura Inc. All rights reserved
+            </Typography>
+          </div>
         </div>
       </div>
     </div>
@@ -301,11 +303,11 @@ V3Footer.defaultProps = {
         },
         {
           linkText: "Forum",
-          linkUrl: "",
+          linkUrl: "https://github.com/hasura/graphql-engine/discussions",
         },
         {
           linkText: "Meetups",
-          linkUrl: "",
+          linkUrl: "https://www.meetup.com/pro/hasura/",
         },
         {
           linkText: "Monthly call",
@@ -313,7 +315,7 @@ V3Footer.defaultProps = {
         },
         {
           linkText: "Support",
-          linkUrl: "https://hasura.io/support/",
+          linkUrl: "https://hasura.io/support",
         },
         {
           linkText: "Contact Us",

package/src/styles/tailwind.css

@@ -1527,6 +1527,10 @@ select{
   margin-top: 70px;
 }
 
+.ml-10{
+  margin-left: 2.5rem;
+}
+
 .line-clamp-3{
   overflow: hidden;
   display: -webkit-box;
@@ -11156,6 +11160,10 @@ select{
     min-width: 18rem;
   }
 
+  .tb\:min-w-\[200px\]{
+    min-width: 200px;
+  }
+
   .tb\:min-w-\[310px\]{
     min-width: 310px;
   }
@@ -11172,28 +11180,6 @@ select{
     min-width: 500px;
   }
 
-  .tb\:min-w-\[190px\]{
-    min-width: 190px;
-  }
-
-  .tb\:min-w-\[170px\]{
-    min-width: 170px;
-  }
-
-  .tb\:min-w-\[180px\]{
-    min-width: 180px;
-  }
-
-  .tb\:min-w-\[200px\]{
-    min-width: 200px;
-  }
-
-  .tb\:min-w-fit{
-    min-width: -webkit-fit-content;
-    min-width: -moz-fit-content;
-    min-width: fit-content;
-  }
-
   .tb\:max-w-\[17rem\]{
     max-width: 17rem;
   }
@@ -11925,6 +11911,18 @@ select{
 }
 
 @media (min-width: 768px){
+  .md\:ml-10{
+    margin-left: 2.5rem;
+  }
+
+  .md\:ml-16{
+    margin-left: 4rem;
+  }
+
+  .md\:flex-row{
+    flex-direction: row;
+  }
+
   .md\:px-6{
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -12351,6 +12349,10 @@ select{
 }
 
 @media (min-width: 1024px){
+  .lg\:ml-0{
+    margin-left: 0px;
+  }
+
   .lg\:flex{
     display: flex;
   }
@@ -12363,6 +12365,18 @@ select{
     height: auto;
   }
 
+  .lg\:max-w-\[716px\]{
+    max-width: 716px;
+  }
+
+  .lg\:max-w-\[714px\]{
+    max-width: 714px;
+  }
+
+  .lg\:max-w-\[712px\]{
+    max-width: 712px;
+  }
+
   .lg\:grid-cols-2{
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -12394,6 +12408,10 @@ select{
     padding-top: 0.5rem;
   }
 
+  .lg\:pl-0{
+    padding-left: 0px;
+  }
+
   .db-s\:mb-0{
     margin-bottom: 0px;
   }
@@ -12584,6 +12602,14 @@ select{
     max-width: 625px;
   }
 
+  .db\:max-w-\[716px\]{
+    max-width: 716px;
+  }
+
+  .db\:max-w-\[714px\]{
+    max-width: 714px;
+  }
+
   .db\:snap-center{
     scroll-snap-align: center;
   }
@@ -13015,6 +13041,16 @@ select{
   }
 }
 
+@media (min-width: 1536px){
+  .\32xl\:max-w-\[914px\]{
+    max-width: 914px;
+  }
+
+  .\32xl\:max-w-\[916px\]{
+    max-width: 916px;
+  }
+}
+
 .\[\&\>\*\]\:mb-8>*{
   margin-bottom: 2rem;
 }