docs: hasuracon banner ui updates

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/9463
GitOrigin-RevId: 4310a82f05ebf09f81e24c15904d1e59089856ed
This commit is contained in:
surendran82 2023-06-07 23:38:53 +05:30 committed by hasura-bot
parent 0407229c83
commit 4613aaf56e
3 changed files with 6 additions and 4 deletions

View File

@ -143,7 +143,7 @@ const HasuraConBanner = props => {
<div className={styles['hasura-con-brand']}> <div className={styles['hasura-con-brand']}>
<img <img
className={styles['hasuracon23-img']} className={styles['hasuracon23-img']}
src="https://res.cloudinary.com/dh8fp23nd/image/upload/v1683727035/main-web/Group_2608664_c10sky.png" src="https://res.cloudinary.com/dh8fp23nd/image/upload/v1686154570/hasura-con-2023/has-con-light-date_r2a2ud.png"
alt="Hasura Con" alt="Hasura Con"
/> />
</div> </div>

View File

@ -6,7 +6,8 @@
grid-template-columns: 159px 1fr; grid-template-columns: 159px 1fr;
grid-gap: 6%; grid-gap: 6%;
padding: 35px 32px; padding: 35px 32px;
background: #ffef93; background: #111927;
border: 1px solid transparent;
// background-image: url('@site/static/img/hasura-con-banner-light-bg.svg'); // background-image: url('@site/static/img/hasura-con-banner-light-bg.svg');
// background-repeat: no-repeat; // background-repeat: no-repeat;
// background-size: cover; // background-size: cover;
@ -100,7 +101,7 @@
.hasura-con-23-title { .hasura-con-23-title {
font-size: 20px; font-size: 20px;
font-weight: 800; font-weight: 800;
color: #1f2a37; color: var(--color-gray-0);
line-height: 1.25; line-height: 1.25;
letter-spacing: -0.02em; letter-spacing: -0.02em;
// max-width: 220px; // max-width: 220px;
@ -127,6 +128,7 @@
} }
html[data-theme='dark'] { html[data-theme='dark'] {
.hasura-con-banner { .hasura-con-banner {
border: 1px solid #384250;
.hasura-con-brand { .hasura-con-brand {
.brand-light { .brand-light {
display: block; display: block;

View File

@ -237,4 +237,4 @@ html[data-theme='dark'] {
--collapse-button-bg-color-dark: var(--color-gray-86); --collapse-button-bg-color-dark: var(--color-gray-86);
--docsearch-searchbox-background: var(--color-gray-90) !important; --docsearch-searchbox-background: var(--color-gray-90) !important;
--docsearch-searchbox-focus-background: var(--color-gray-86) !important; --docsearch-searchbox-focus-background: var(--color-gray-86) !important;
} }