refactor: cleanup css

This commit is contained in:
iCrawl
2022-07-25 00:16:31 +02:00
parent 4bda24678a
commit 4fff6076e7
21 changed files with 114 additions and 99 deletions

View File

@@ -14,12 +14,12 @@ import { Function } from '~/components/model/Function';
import { Interface } from '~/components/model/Interface';
import { TypeAlias } from '~/components/model/TypeAlias';
import { Variable } from '~/components/model/Variable';
import { findMember } from '~/model.server';
import { createApiModel } from '~/util/api-model.server';
import { findMember } from '~/util/model.server';
import { findPackage, getMembers } from '~/util/parse.server';
export const getStaticPaths: GetStaticPaths = async () => {
const packages = ['builders', 'collection', 'proxy', 'rest', 'voice'];
const packages = ['builders', 'collection', 'proxy', 'rest', 'voice', 'ws'];
const pkgs = (
await Promise.all(

View File

@@ -23,8 +23,8 @@ const LinkButton = forwardRef<HTMLAnchorElement, ButtonProps>(({ title, onClick,
export default function IndexRoute() {
return (
<main className="w-full max-w-full max-h-full h-full flex-col bg-white dark:bg-dark overflow-y-auto">
<div className="flex h-[65px] sticky top-0 border-b border-slate-300 justify-center px-10 bg-white dark:bg-dark">
<div className="flex align-center items-center w-full max-w-[1100px] justify-between">
<div className="flex h-[65px] sticky top-0 border-b border-gray justify-center px-10 bg-white dark:bg-dark">
<div className="flex items-center w-full max-w-[1100px] justify-between">
<div className="h-[50px] w-[50px] rounded-lg overflow-hidden">
<Image className="h-[50px] w-[50px]" src={logo} />
</div>
@@ -38,7 +38,7 @@ export default function IndexRoute() {
<div className="flex flex-col xl:flex-row grow max-w-[1100px] pb-10 space-y-10 xl:space-x-20 place-items-center place-self-center">
<div className="flex flex-col max-w-[800px] lt-xl:items-center">
<h1 className="font-bold text-6xl text-blurple my-2">{text.heroTitle}</h1>
<p className="text-xl text-dark-100 dark:text-gray-400">{text.heroDescription}</p>
<p className="text-xl text-dark-100 dark:text-gray-300">{text.heroDescription}</p>
<div className="flex flew-row space-x-4">
<LinkButton title="Read the guide" />
<Link href="/docs/" passHref>
@@ -46,7 +46,7 @@ export default function IndexRoute() {
</Link>
</div>
</div>
<div className="sm:flex sm:grow sm:shrink h-full sm:align-center xl:items-center hidden">
<div className="sm:flex sm:grow sm:shrink h-full xl:items-center hidden">
<Image src={codeSample} className="max-w-[600px] h-full rounded-xl shadow-md overflow-hidden" />
</div>
</div>