From 5758ac8b9427ae30dc184a08eb26d201b6eec68d Mon Sep 17 00:00:00 2001 From: Arista Indrajaya Date: Tue, 5 Mar 2024 16:01:51 +0700 Subject: [PATCH] docs: Update tailwind config and remove unused css --- .../HomepagePrimaryFeatures/styles.module.css | 77 ---------------- .../styles.module.css | 87 ------------------- .../styles.module.css | 68 --------------- .../NavbarExtension/NavPageContainer.jsx | 25 ------ .../NavPageContainer.module.css | 14 --- .../theme/NavbarExtension/index.module.css | 19 ---- docs/tailwind.config.js | 6 +- 7 files changed, 5 insertions(+), 291 deletions(-) delete mode 100644 docs/src/components/HomepagePrimaryFeatures/styles.module.css delete mode 100644 docs/src/components/HomepageSecondaryFeatures/styles.module.css delete mode 100644 docs/src/components/HomepageTerinaryFeatures/styles.module.css delete mode 100644 docs/src/theme/NavbarExtension/NavPageContainer.jsx delete mode 100644 docs/src/theme/NavbarExtension/NavPageContainer.module.css delete mode 100644 docs/src/theme/NavbarExtension/index.module.css diff --git a/docs/src/components/HomepagePrimaryFeatures/styles.module.css b/docs/src/components/HomepagePrimaryFeatures/styles.module.css deleted file mode 100644 index 63fb3a1e1..000000000 --- a/docs/src/components/HomepagePrimaryFeatures/styles.module.css +++ /dev/null @@ -1,77 +0,0 @@ -.features { - display: flex; - align-items: center; - padding: 5rem 0; - width: 100%; -} - -.cards { - display: flex; - flex-wrap: wrap; - gap: 4rem; -} - -@media screen and (max-width: 768px) { - .cards { - gap: 2rem; - } -} - -.card { - min-width: 250px; - min-height: 275px; - max-height: 325px; - flex: 1; - border-radius: 15px; - padding: 2rem 1.5rem; - position: relative; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.card p { - font-size: 1.25rem; -} - -.cardImage { - position: absolute; - right: 1rem; - bottom: 1rem; -} - -.cardImage img { - height: 100px; -} - -@media screen and (max-width: 1024px) { - .cardImage { - display: none; - } -} - -.cardBluish { - background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(185,202,237,1) 100%); -} - -.cardPinkish { - background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(215,194,238,1) 100%); -} - -.card h3 { - font-size: 1.5rem; - font-weight: 600; - padding-top: 1rem; -} - -.card a { - all: unset; - color: white; - background-color: #1C1E21; - padding: 0.75rem 1.25rem; - border-radius: 6px; -} - -.card a:hover { - cursor: pointer; -} \ No newline at end of file diff --git a/docs/src/components/HomepageSecondaryFeatures/styles.module.css b/docs/src/components/HomepageSecondaryFeatures/styles.module.css deleted file mode 100644 index 1d0710ee7..000000000 --- a/docs/src/components/HomepageSecondaryFeatures/styles.module.css +++ /dev/null @@ -1,87 +0,0 @@ -.features { - padding-top: 2rem; - display: flex; - align-items: center; - width: 100%; -} - -.cards { - display: flex; - flex-wrap: wrap; - justify-content: center; /* Center align the cards */ - gap: 2rem; -} - -.card { - background-color: #ECECEF; - width: calc(33.33% - 2rem); /* Adjust width for responsiveness */ - border-radius: 15px; - position: relative; - display: flex; - flex-direction: column; - justify-content: space-between; - margin-bottom: 2rem; /* Add margin between cards */ - padding: 1rem; /* Add padding to cards */ -} - -@media screen and (max-width: 768px) { - .card { - width: calc(50% - 2rem); /* Adjust width for smaller screens */ - } -} - -@media screen and (max-width: 576px) { - .card { - width: calc(100% - 2rem); /* Adjust width for mobile screens */ - } -} - -.cardContent { - margin-top: 3rem; - padding: 2rem; -} - -.cardLogo { - height: 130px; - width: 100%; -} - -.cardFooter { - padding-left: 2rem; - padding-right: 2rem; - padding-bottom: 2rem; - padding-top: 0; -} - -.cardLogo img { - object-fit: cover; -} - -.card p { - font-size: 1rem; - padding-top: 1rem; -} - -.card h3 { - font-size: 1.25rem; - font-weight: 600; -} - -.card a { - all: unset; - color: white; - background-color: #1C1E21; - padding: 0.75rem 1.25rem; - border-radius: 6px; -} - -.card a svg { - padding-top: 12px; - height: 1.5rem; - width: 1.5rem; - color: white; -} - -.card a:hover { - cursor: pointer; -} diff --git a/docs/src/components/HomepageTerinaryFeatures/styles.module.css b/docs/src/components/HomepageTerinaryFeatures/styles.module.css deleted file mode 100644 index be47332e0..000000000 --- a/docs/src/components/HomepageTerinaryFeatures/styles.module.css +++ /dev/null @@ -1,68 +0,0 @@ -.features { - padding-top: 5rem; - padding-bottom: 5rem; - display: flex; - align-items: center; - width: 100%; -} - -.cards { - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: 2rem; -} - -@media screen and (max-width: 768px) { - .cards { - gap: 2rem; - } -} - -.card { - background-color: #ECECEF; - width: 275px; - border-radius: 15px; - position: relative; - display: flex; - flex-direction: column; - /* justify-content: space-between; */ - padding: 2rem; -} - -.cardContent { - margin-top: 1rem; - justify-content: start; -} - -.cardContent li { - font-weight: 600; - list-style: circle; - margin: 1rem; - padding: 0; -} - -.cardContent li::marker { - color: #2563EB; -} - -.cardHeader { - display: flex; - align-content: center; - gap: 1rem; -} - -.cardHeader img { - /*width: 40px;*/ - height: 40px; -} - -.card p { - font-size: 1rem; - margin-bottom: 1rem; -} - -.card h3 { - font-size: 1.2rem; - font-weight: 600; -} diff --git a/docs/src/theme/NavbarExtension/NavPageContainer.jsx b/docs/src/theme/NavbarExtension/NavPageContainer.jsx deleted file mode 100644 index 0c292c5a4..000000000 --- a/docs/src/theme/NavbarExtension/NavPageContainer.jsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; -import Link from '@docusaurus/Link'; -import css from "./NavPageContainer.module.css"; - -export default function NavPageContainer() { - return ( -
- - Guide - - - Developer - - - API Reference - -
- ); -} \ No newline at end of file diff --git a/docs/src/theme/NavbarExtension/NavPageContainer.module.css b/docs/src/theme/NavbarExtension/NavPageContainer.module.css deleted file mode 100644 index 9a5f14a1b..000000000 --- a/docs/src/theme/NavbarExtension/NavPageContainer.module.css +++ /dev/null @@ -1,14 +0,0 @@ -.NavPageContainer { - margin-right: auto; - display: flex; - align-items: right; - } - - .NavPageItem { - margin: 0 30px; - font-size: 16px; - font-weight: normal; - color: #262a2f; - cursor: pointer; - text-decoration: none; - } \ No newline at end of file diff --git a/docs/src/theme/NavbarExtension/index.module.css b/docs/src/theme/NavbarExtension/index.module.css deleted file mode 100644 index 4811f0fa5..000000000 --- a/docs/src/theme/NavbarExtension/index.module.css +++ /dev/null @@ -1,19 +0,0 @@ -.NavBar { - height: 3rem; /* Adjust height as needed */ - background-color: #fff; - padding: 0.5rem 0.8rem; /* Adjust padding as needed */ - display: flex; - align-items: center; - justify-content: space-between; /* Align items to the start and end of the container */ - position: fixed; /* Fixed position to keep it on top */ - top: 55px; /* Position it at the top */ - left: 0; /* Position it at the left */ - width: 100%; /* Occupy full width of the viewport */ - z-index: 5; /* Ensure it's above other elements */ -} - -@media screen and (max-width: 768px) { - .NavBar { - display: none; /* Hide the NavBar on mobile devices */ - } -} diff --git a/docs/tailwind.config.js b/docs/tailwind.config.js index 7ef39234d..a79121d56 100644 --- a/docs/tailwind.config.js +++ b/docs/tailwind.config.js @@ -57,7 +57,11 @@ module.exports = { "sans-serif", ], }, - extend: {}, + extend: { + backgroundImage: { + 'custom-img': "url('/img/homepage-new/bg.png')", + } + }, }, plugins: [require("tailwindcss-animate")], };