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;
+ }
}
}