diff --git a/packages/console/app/src/component/header-context-menu.css b/packages/console/app/src/component/header-context-menu.css index 4bc7ca98..149686e7 100644 --- a/packages/console/app/src/component/header-context-menu.css +++ b/packages/console/app/src/component/header-context-menu.css @@ -29,7 +29,6 @@ color: var(--color-text); font-size: var(--font-size-sm); text-align: left; - cursor: pointer; border-radius: 2px; transition: background-color 0.2s ease; diff --git a/packages/console/app/src/component/legal.tsx b/packages/console/app/src/component/legal.tsx index d692e462..b55a20d3 100644 --- a/packages/console/app/src/component/legal.tsx +++ b/packages/console/app/src/component/legal.tsx @@ -4,6 +4,12 @@ export function Legal() { ©{new Date().getFullYear()} Anomaly + + Brand + + + Legal + ) } diff --git a/packages/console/app/src/routes/brand/index.css b/packages/console/app/src/routes/brand/index.css index 8cb0cc03..7c85a7ed 100644 --- a/packages/console/app/src/routes/brand/index.css +++ b/packages/console/app/src/routes/brand/index.css @@ -8,7 +8,6 @@ } } - [data-page="enterprise"] { --color-background: hsl(0, 20%, 99%); --color-background-weak: hsl(0, 8%, 97%); @@ -52,7 +51,6 @@ --color-text-inverted: hsl(0, 9%, 7%); --color-text-success: hsl(119, 60%, 72%); - --color-border: hsl(0, 3%, 28%); --color-border-weak: hsl(0, 4%, 23%); @@ -263,7 +261,6 @@ [data-component="content"] { } - [data-component="brand-content"] { padding: 4rem 5rem; @@ -297,11 +294,10 @@ cursor: pointer; display: flex; width: fit-content; - gap: 12px; + gap: 32px; transition: background-color 0.2s ease; text-decoration: none; - &:hover:not(:disabled) { background: var(--color-background-strong-hover); } @@ -320,15 +316,11 @@ margin-bottom: 2rem; } - @media (max-width: 60rem) { padding: 2rem 1.5rem; } } - - - [data-component="faq"] { border-top: 1px solid var(--color-border-weak); padding: 4rem 5rem; @@ -419,6 +411,9 @@ color: var(--color-text-weak); text-align: center; padding: 2rem 5rem; + display: flex; + gap: 32px; + justify-content: center; @media (max-width: 60rem) { padding: 2rem 1.5rem; @@ -428,6 +423,11 @@ color: var(--color-text-weak); text-decoration: none; } + + a:hover { + color: var(--color-text); + text-decoration: underline; + } } a { diff --git a/packages/console/app/src/routes/enterprise/index.css b/packages/console/app/src/routes/enterprise/index.css index 44c6f861..567c4f99 100644 --- a/packages/console/app/src/routes/enterprise/index.css +++ b/packages/console/app/src/routes/enterprise/index.css @@ -8,7 +8,6 @@ } } - [data-page="enterprise"] { --color-background: hsl(0, 20%, 99%); --color-background-weak: hsl(0, 8%, 97%); @@ -52,7 +51,6 @@ --color-text-inverted: hsl(0, 9%, 7%); --color-text-success: hsl(119, 60%, 72%); - --color-border: hsl(0, 3%, 28%); --color-border-weak: hsl(0, 4%, 23%); @@ -390,7 +388,7 @@ @media (prefers-color-scheme: dark) { box-shadow: none; - border: 1px solid var(--color-background-interactive) + border: 1px solid var(--color-background-interactive); } } } @@ -520,6 +518,9 @@ color: var(--color-text-weak); text-align: center; padding: 2rem 5rem; + display: flex; + gap: 32px; + justify-content: center; @media (max-width: 60rem) { padding: 2rem 1.5rem; @@ -529,6 +530,11 @@ color: var(--color-text-weak); text-decoration: none; } + + a:hover { + color: var(--color-text); + text-decoration: underline; + } } a { diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css index b46958b8..49690133 100644 --- a/packages/console/app/src/routes/index.css +++ b/packages/console/app/src/routes/index.css @@ -56,7 +56,6 @@ body { } } - @supports (background: -webkit-named-image(i)) { [data-page="opencode"] { border-top: 1px solid var(--color-border-weak); @@ -118,7 +117,6 @@ body { display: none !important; } - [data-component="growth-stat"] { display: flex; flex-direction: column; @@ -149,14 +147,12 @@ body { display: none; } } - } - [data-component="stat-illustration"] { - width: 100%; - height: 100%; - display: block; + width: 100%; + height: 100%; + display: block; svg { margin: 0; @@ -164,10 +160,9 @@ body { height: auto; display: block; } + } } } - } - input:-webkit-autofill, input:-webkit-autofill:hover, @@ -184,7 +179,6 @@ body { -moz-text-fill-color: var(--color-text-strong) !important; } - [data-component="container"] { max-width: 67.5rem; margin: 0 auto; @@ -328,10 +322,10 @@ body { display: flex; flex-direction: column; max-width: 100%; - padding: calc(var(--vertical-padding)*2) var(--padding); + padding: calc(var(--vertical-padding) * 2) var(--padding); @media (max-width: 30rem) { - padding: var(--vertical-padding) var(--padding) + padding: var(--vertical-padding) var(--padding); } @media (prefers-color-scheme: dark) { @@ -352,7 +346,6 @@ body { @media (max-width: 550px) { width: calc(100vw - 48px); } - } [data-component="tabs"] { @@ -368,7 +361,7 @@ body { padding: 0 20px; @media (max-width: 60rem) { - gap: 20px; + gap: 32px; overflow-x: auto; width: 100%; } @@ -443,7 +436,6 @@ body { @media (max-width: 35rem) { width: calc(100% - 40px) !important; } - } [data-slot="highlight"] { @@ -496,7 +488,6 @@ body { @media (max-width: 60rem) { font-size: 22px; } - } p { @@ -579,7 +570,6 @@ body { margin-bottom: 24px; max-width: 100%; - div { display: flex; gap: 12px; @@ -832,7 +822,7 @@ body { @media (prefers-color-scheme: dark) { box-shadow: none; - border: 1px solid var(--color-background-interactive) + border: 1px solid var(--color-background-interactive); } } @@ -892,7 +882,6 @@ body { margin-top: 2px; } - [data-slot="faq-icon-plus"] { flex-shrink: 0; color: var(--color-text-weak); @@ -1021,7 +1010,6 @@ body { } [data-component="copy-status"] { - [data-slot="copy"] { display: block; width: var(--space-4); @@ -1054,12 +1042,10 @@ body { border-bottom: 1px solid var(--color-border-weak); } - [data-slot="cell"] { flex: 1; text-align: center; - a { text-decoration: none; padding: 2rem 0; @@ -1072,7 +1058,6 @@ body { @media (max-width: 40rem) { display: none; } - } } @@ -1111,10 +1096,18 @@ body { [data-component="legal"] { color: var(--color-text-weak); text-align: center; + display: flex; + gap: 32px; + justify-content: center; a { color: var(--color-text-weak); text-decoration: none; } + + a:hover { + color: var(--color-text); + text-decoration: underline; + } } } diff --git a/packages/console/app/src/routes/zen/index.css b/packages/console/app/src/routes/zen/index.css index 88ca0762..661517c4 100644 --- a/packages/console/app/src/routes/zen/index.css +++ b/packages/console/app/src/routes/zen/index.css @@ -60,7 +60,6 @@ body { } } - [data-page="zen"] { background: var(--color-background); --padding: 5rem; @@ -112,9 +111,6 @@ body { -moz-text-fill-color: var(--color-text-strong) !important; } - - - [data-component="container"] { max-width: 67.5rem; margin: 0 auto; @@ -179,8 +175,6 @@ body { } } - - [data-component="nav-mobile-toggle"] { border: none; background: none; @@ -258,14 +252,14 @@ body { [data-component="hero"] { display: flex; flex-direction: column; - padding: calc(var(--vertical-padding)*2) var(--padding); + padding: calc(var(--vertical-padding) * 2) var(--padding); [data-slot="zen logo dark"] { display: none; } @media (max-width: 30rem) { - padding: var(--vertical-padding) var(--padding) + padding: var(--vertical-padding) var(--padding); } @media (prefers-color-scheme: dark) { @@ -295,8 +289,6 @@ body { } } - - p { color: var(--color-text); margin-bottom: 24px; @@ -778,12 +770,10 @@ body { border-bottom: 1px solid var(--color-border-weak); } - [data-slot="cell"] { flex: 1; text-align: center; - a { text-decoration: none; padding: 2rem 0; @@ -796,7 +786,6 @@ body { @media (max-width: 40rem) { display: none; } - } } @@ -835,10 +824,18 @@ body { [data-component="legal"] { color: var(--color-text-weak); text-align: center; + display: flex; + gap: 32px; + justify-content: center; a { color: var(--color-text-weak); text-decoration: none; } + + a:hover { + color: var(--color-text); + text-decoration: underline; + } } }