Merge pull request #8 from enochndika/layout

update layout for bigger screen and reduce alert time out
enochndika · Feb 27, 2022 · 1386427 · 1386427 · vercel · Feb 27, 2022
2 parents cd14993 + 589d0a3
commit 1386427
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 37 deletions.
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -1,31 +1,31 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://kimia-ui.vercel.app</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/accordion</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/buttons</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/card</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/code</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/collapse</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/copy-to-clipboard</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/curtain-menu</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/drawer</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/dropdown</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/field</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/field/autocomplete</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/field/with-formik</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/field/with-react-hook-form</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/hamburger-menu</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/jumbotron</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/list-group</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/modal</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/navbar</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/pricing-table</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/scroll-indicator</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/sidenav</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/spinner</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/tab</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/components/tooltip</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/configuration</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/contribution-guide</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
-<url><loc>https://kimia-ui.vercel.app/templates/dashboards</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-10-27T17:20:40.502Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/accordion</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/buttons</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/card</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/code</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/collapse</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/copy-to-clipboard</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/curtain-menu</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/drawer</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/dropdown</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/field</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/field/autocomplete</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/field/with-formik</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/field/with-react-hook-form</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/hamburger-menu</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/jumbotron</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/list-group</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/modal</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/navbar</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/pricing-table</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/scroll-indicator</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/sidenav</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/spinner</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/tab</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/components/tooltip</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/configuration</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/contribution-guide</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
+<url><loc>https://kimia-ui.vercel.app/templates/dashboards</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-27T00:06:29.432Z</lastmod></url>
 </urlset>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -23,7 +23,7 @@ export default function HomePage() {
         <link rel="canonical" href="https://kimia-ui.vercel.app" />
       </Head>
       <Container>
-        <div className="flex flex-wrap mt-12">
+        <div className="flex flex-wrap mt-12 2xl:mt-32">
           <div className="p-2 w-full md:w-6/12">
             <h1 className="text-gray-900 font-inter text-4xl font-bold lg:text-5xl">
               A collection of UI Components for React built with Tailwind CSS 3
@@ -64,7 +64,7 @@ export default function HomePage() {
           </div>
         </div>
 
-        <div className="mt-16 px-2 md:mt-20 md:px-0 xl:mt-36">
+        <div className="mt-16 px-2 md:mt-20 md:px-0 xl:mt-36 2xl:mt-64">
           <h2 className="text-center text-gray-900 font-inter text-2xl font-bold md:text-4xl">
             Why Using Kimia-UI ?
           </h2>

diff --git a/src/pages/templates/dashboards.tsx b/src/pages/templates/dashboards.tsx
@@ -60,9 +60,9 @@ export default function DashboardsPage() {
             </p>
             <p>
               Salvia-kit provides 8 dashboards templates for React
-              (create-react-app), Next.js, Vue(vite.js) and Nuxt. Each dashboard
-              contains detailed documentation for each technology. They are
-              fully customizable.
+              (create-react-app), Next.js, Svelte, Vue(vite.js) and Nuxt. Each
+              dashboard contains detailed documentation for each technology.
+              They are fully customizable.
             </p>
           </section>
           <h2 className="mb-6 text-gray-600 text-lg font-bold md:text-2xl">

diff --git a/src/website/layout/alert.tsx b/src/website/layout/alert.tsx
@@ -12,7 +12,7 @@ const Alert = () => {
   };
 
   useEffect(() => {
-    timeOut.current = setTimeout(() => onClose(), 12000);
+    timeOut.current = setTimeout(() => onClose(), 8000);
 
     return () => {
       clearTimeout(timeOut.current);

diff --git a/src/website/layout/layout.jsx b/src/website/layout/layout.jsx
@@ -8,7 +8,7 @@ import useFilteredRoutes from '@/website/hooks/useFilteredRoutes';
 
 const style = {
   container: `flex font-body items-start`,
-  main: `pt-24 pb-1 md:px-4 lg:px-6`,
+  main: `pt-24 pb-1 md:px-4 lg:px-6 2xl:px-80`,
   mainContainer: `flex flex-col pl-0 w-full`,
 };
 

diff --git a/src/website/layout/sidenavigation/index.tsx b/src/website/layout/sidenavigation/index.tsx
@@ -3,7 +3,7 @@ import SidenavHeader from './header';
 import { useToggle } from '../helpers/context';
 
 const style = {
-  default: `bg-white font-inter h-screen overflow-y-auto pt-0 pb-24 right-0 lg:flex lg:fixed lg:left-0 lg:pt-24 lg:w-72 lg:z-auto`,
+  default: `bg-white font-inter h-screen overflow-y-auto pt-0 pb-24 right-0 lg:flex lg:fixed lg:left-0 lg:pt-24 lg:w-72 lg:z-auto 2xl:left-64`,
   container: `lg:pt-8`,
   close: `hidden`,
   open: `fixed w-8/12 z-40 sm:w-5/12`,

diff --git a/src/website/layout/topnavigation/index.tsx b/src/website/layout/topnavigation/index.tsx
@@ -42,7 +42,7 @@ const Alert = dynamic(() => import('../alert'), {
 export default function TopNavigation() {
   const { toggle } = useToggle();
   return (
-    <header className="z absolute z-10 top-0 w-full font-inter bg-white lg:fixed lg:px-container">
+    <header className="z absolute z-10 top-0 w-full font-inter bg-white lg:fixed lg:px-container 2xl:px-72">
       <Alert />
       <Navbar>
         <NavbarBrand>