diff --git a/src/components/icons/technologies/CockroachDB.tsx b/src/components/icons/technologies/CockroachDB.tsx deleted file mode 100644 index 1ae089c723..0000000000 --- a/src/components/icons/technologies/CockroachDB.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import * as React from 'react' - -// Placeholder - -export default () => ( - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/CockroachDBDark.tsx b/src/components/icons/technologies/CockroachDBDark.tsx deleted file mode 100644 index 768dd5d314..0000000000 --- a/src/components/icons/technologies/CockroachDBDark.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/MariaDB.tsx b/src/components/icons/technologies/MariaDB.tsx deleted file mode 100644 index 04695cc3d0..0000000000 --- a/src/components/icons/technologies/MariaDB.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/MariaDBDark.tsx b/src/components/icons/technologies/MariaDBDark.tsx deleted file mode 100644 index 768dd5d314..0000000000 --- a/src/components/icons/technologies/MariaDBDark.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/MongoDBSimple.tsx b/src/components/icons/technologies/MongoDBSimple.tsx deleted file mode 100644 index 378d03be66..0000000000 --- a/src/components/icons/technologies/MongoDBSimple.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react' - -export default () => ( - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/MySQLSimple.tsx b/src/components/icons/technologies/MySQLSimple.tsx deleted file mode 100644 index ceb43f3af0..0000000000 --- a/src/components/icons/technologies/MySQLSimple.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - - - - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/Planetscale.tsx b/src/components/icons/technologies/Planetscale.tsx deleted file mode 100644 index 6bab6550db..0000000000 --- a/src/components/icons/technologies/Planetscale.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import * as React from 'react' - -export default () => ( - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/PlanetscaleDark.tsx b/src/components/icons/technologies/PlanetscaleDark.tsx deleted file mode 100644 index 28da56adf7..0000000000 --- a/src/components/icons/technologies/PlanetscaleDark.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react' - -export default () => ( - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/PostgresSQLDark.tsx b/src/components/icons/technologies/PostgresSQLDark.tsx deleted file mode 100644 index 686586cb9c..0000000000 --- a/src/components/icons/technologies/PostgresSQLDark.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/PostgresSQLSimple.tsx b/src/components/icons/technologies/PostgresSQLSimple.tsx deleted file mode 100644 index 281cd9c8b8..0000000000 --- a/src/components/icons/technologies/PostgresSQLSimple.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/SQLServer.tsx b/src/components/icons/technologies/SQLServer.tsx deleted file mode 100644 index caca085276..0000000000 --- a/src/components/icons/technologies/SQLServer.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import React from 'react' - -export default () => ( - - - - - - - - - - - - - - - - - - - - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/SQLite.tsx b/src/components/icons/technologies/SQLite.tsx deleted file mode 100644 index ec6a66b3ae..0000000000 --- a/src/components/icons/technologies/SQLite.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import * as React from 'react' - -export default (props: any) => ( - - - - - - - - - {/* */} - - - - -) \ No newline at end of file diff --git a/src/components/icons/technologies/index.tsx b/src/components/icons/technologies/index.tsx deleted file mode 100644 index b35320dd15..0000000000 --- a/src/components/icons/technologies/index.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import PostgresSQLSimple from './PostgresSQLSimple'; -import PostgresSQLDark from './PostgresSQLDark'; -import MySQLSimple from './MySQLSimple'; -import SQLServer from './SQLServer'; -import SQLite from './SQLite'; -import CockroachDB from './CockroachDB'; -import CockroachDBDark from './CockroachDBDark'; -import MariaDB from './MariaDB'; -import MariaDBDark from './MariaDBDark'; -import MongoDBSimple from './MongoDBSimple'; -import Planetscale from './Planetscale'; -import PlanetscaleDark from './PlanetscaleDark'; - -export { - CockroachDB, - CockroachDBDark, - MariaDB, - MariaDBDark, - MongoDBSimple, - Planetscale, - PlanetscaleDark, - SQLite, - SQLServer, - MySQLSimple, - PostgresSQLSimple, - PostgresSQLDark -} \ No newline at end of file diff --git a/src/css/custom.css b/src/css/custom.css index 99e7d9205a..f1890a1521 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -20,8 +20,8 @@ .header-github-link:hover::before { background-color: var(--ifm-navbar-link-hover-color); } -.menu { - @media (min-width: 996px) { +@media (min-width: 996px) { + .menu { font-family: Inter, sans-serif; padding-top: 0px !important; padding-left: 32px !important; @@ -446,7 +446,7 @@ hr { padding: 0px; cursor: pointer; position: absolute; - left: 140px; + left: 122px; margin-top: 2px; @media (max-width: 996px) { display: none; @@ -586,7 +586,9 @@ footer > .container { text-decoration: none; line-height: 1.38889; padding: 1rem 0px; - @media only screen and (min-width: 940px) { +} +@media only screen and (min-width: 940px) { + .footer__item { padding: 0.5rem 0px; } } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index e7c8511ac1..2c054f26b7 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,15 +1,11 @@ -import clsx from 'clsx'; import Link from '@docusaurus/Link'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; -import HomepageFeatures from '@site/src/components/HomepageFeatures'; -import styles from './index.module.css'; import styled from 'styled-components'; import * as theme from "../css/primitives" import siteConfigData from "../../config" import { Icon } from '../components/Icon'; -import { CockroachDB, CockroachDBDark, MariaDB, MariaDBDark, MongoDBSimple, MySQLSimple, Planetscale, PlanetscaleDark, PostgresSQLDark, PostgresSQLSimple, SQLServer, SQLite } from '../components/icons/technologies/index'; import ShadowCard from '../components/shadow-card'; const IconWrapper = styled.div` @@ -297,6 +293,7 @@ const DatabaseGrid = styled.div` } img { max-height: 36px; + margin: auto 0; } span { color: var(--main-font-color); @@ -312,50 +309,50 @@ const DatabaseGrid = styled.div` const DatabaseData = [ { title: 'PostgreSQL', - icon: , - darkIcon: , + icon: "postgresqlsimple", + darkIcon: "postgresqldark", url: 'orm/overview/databases/postgresql', }, { title: 'MySQL', - icon: , - darkIcon: , + icon: "mysqlsimple", + darkIcon: "mysqlsimple", url: 'orm/overview/databases/mysql', }, { title: 'SQL Server', - icon: , - darkIcon: , + icon: "sqlserver", + darkIcon: "sqlserver", url: 'orm/overview/databases/sql-server', }, { title: 'SQLite', - icon: , - darkIcon: , + icon: "sqlite", + darkIcon: "sqlite", url: 'orm/overview/databases/sqlite', }, { title: 'MongoDB', - icon: , - darkIcon: , + icon: "mongodbsimple", + darkIcon: "mongodbsimple", url: 'orm/overview/databases/mongodb', }, { title: 'CockroachDB', - icon: , - darkIcon: , + icon: "cockroachdb", + darkIcon: "cockroachdbdark", url: 'orm/overview/databases/cockroachdb', }, { title: 'Planetscale', - icon: , - darkIcon: , + icon: "planetscale", + darkIcon: "planetscaledark", url: 'orm/overview/databases/planetscale', }, { title: 'MariaDB', - icon: , - darkIcon: , + icon: "mariadb", + darkIcon: "mariadbdark", url: 'orm/overview/databases/mysql', }, ] @@ -440,9 +437,6 @@ const CommunityLinksRow = styled.div` export default function Home(): JSX.Element { const {siteConfig} = useDocusaurusContext(); - // useEffect(() => { - // console.log(siteConfig) - // }, [siteConfig]) const { ORMPlatformLinkData, GeneralLinkData, CardLinks, CommunityLinksData } = siteConfigData.homepage return ( (
- {e.icon} + {e.title}
diff --git a/static/img/technologies/cockroachdb.svg b/static/img/technologies/cockroachdb.svg index d57cf3ae22..9af463e9ed 100644 --- a/static/img/technologies/cockroachdb.svg +++ b/static/img/technologies/cockroachdb.svg @@ -1,5 +1,5 @@ - + - - - - - - - - - \ No newline at end of file + + + + + + + + + + \ No newline at end of file diff --git a/static/img/technologies/sqlite.svg b/static/img/technologies/sqlite.svg index 8db170a019..2cb5c6e2f0 100644 --- a/static/img/technologies/sqlite.svg +++ b/static/img/technologies/sqlite.svg @@ -1,35 +1,17 @@ - + + - - - - - + + + + + - {/* */} - - - - \ No newline at end of file + + + +