Skip to content

Commit 32a7604

Browse files
vlad-stohniivlad-stohnii
committed
+
1 parent 70dfa08 commit 32a7604

File tree

10 files changed

+247
-175
lines changed

10 files changed

+247
-175
lines changed

‎src/data/aside-sponsors.ts

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -251,16 +251,16 @@ export const asideSponsors: ISponsor[] = [
251251
isActive: true,
252252
imageType: ImageType.SVG,
253253
darkStyle: {
254-
width: "72px",
255254
filter: "grayscale(1) brightness(2) opacity(0.3)",
256255
background:
257256
'url("/svg/edb_logo_light.svg") center / contain no-repeat content-box',
257+
minWidth: "calc(100% + 16px)"
258258
},
259259
lightStyle: {
260-
width: "72px",
261260
filter: "grayscale(1) opacity(0.6)",
262261
background:
263262
'url("/svg/edb_logo_dark.svg") center / contain no-repeat content-box',
263+
minWidth: "calc(100% + 16px)"
264264
},
265265
},
266266
{
@@ -286,7 +286,6 @@ export const asideSponsors: ISponsor[] = [
286286
padding: "6px",
287287
},
288288
lightStyle: {
289-
width: "48px",
290289
filter: "brightness(0.8) grayscale(1)",
291290
background:
292291
'url("/svg/upstash-icon-white-bg.svg") 0% 0% / cover no-repeat content-box',

‎src/ui/CenteredLayout.astro

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const { title, tree } = await getContentTree({
3232
/>
3333
<body class="banner-shown">
3434
<MDXStyles />
35-
<Banner />
35+
<!-- <Banner /> -->
3636
<NavigationAstro />
3737
<div class="aside-wrap">
3838
<DocsSidebar tree={tree} headings={[]} forLanding={true} />
@@ -68,9 +68,6 @@ const { title, tree } = await getContentTree({
6868
}
6969
</style>
7070
<style is:global>
71-
body {
72-
margin-top: 104px;
73-
}
7471
.navigation_nav_container_blur {
7572
-webkit-backdrop-filter: blur(12px);
7673
backdrop-filter: blur(12px);

‎src/ui/DocsLayout.astro

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const pageHasDialects = Object.keys(dialects).includes(
3838
/>
3939
<body class="banner-shown">
4040
<MDXStyles />
41-
<Banner />
41+
<!-- <Banner /> -->
4242
<Header />
4343
<div class="fixed-container">
4444
<div class="fixed-elements">
@@ -64,13 +64,8 @@ const pageHasDialects = Object.keys(dialects).includes(
6464
</div>
6565
</main>
6666
<style is:global>
67-
body {
68-
margin-top: 104px;
69-
}
70-
7167
.fixed-container {
7268
position: fixed;
73-
top: 104px;
7469
left: 0;
7570
right: 0;
7671
bottom: 0;

‎src/ui/Layout.astro

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const { tree } = await getContentTree({});
1818
<html lang="en">
1919
<BaseHead title={title} />
2020
<body class="banner-shown">
21-
<Banner />
21+
<!-- <Banner /> -->
2222
<NavigationAstro />
2323
<main class="landing-wrap scrollbar">
2424
<div class="landing-content">
@@ -64,9 +64,6 @@ const { tree } = await getContentTree({});
6464
});
6565
</script>
6666
<style>
67-
body {
68-
margin-top: 104px;
69-
}
7067
.landing-wrap {
7168
width: 100%;
7269
overflow-x: hidden;

‎src/ui/components/AsideSponsors.astro

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { asideSponsors } from "@/data/aside-sponsors";
44
55
const getStyleString = (style: CSSProperties) => {
66
return Object.keys(style).reduce((acc, key) => {
7-
return acc + `${key}: ${style[key as keyof CSSProperties]};`;
7+
return acc + `${key === "minWidth" ? "min-width" : key}: ${style[key as keyof CSSProperties]};`;
88
}, "");
99
};
1010
@@ -258,7 +258,7 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
258258
border-bottom-right-radius: 5px;
259259
}
260260

261-
.aside-sponsors__row > .aside-sponsors__sponsor {
261+
.aside-sponsors__sponsor {
262262
height: 74px;
263263
}
264264

@@ -334,8 +334,6 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
334334
display: flex;
335335
align-items: center;
336336
justify-content: center;
337-
height: unset;
338-
width: unset;
339337
}
340338

341339
html.dark .aside-sponsors__sponsor-wrap:hover {
@@ -418,4 +416,26 @@ for (let i = 0; i < goldSponsors.length - 1; i += 2) {
418416
.aside-sponsors__sponsor:hover .popover {
419417
opacity: 1;
420418
}
419+
420+
@media screen and (max-height: 826px) {
421+
body:has(#banner) .aside-sponsors__sponsor {
422+
height: 62px;
423+
}
424+
425+
.aside-sponsors__sponsor-image {
426+
height: 40px;
427+
width: 40px;
428+
}
429+
}
430+
431+
@media screen and (max-height: 790px) {
432+
body:not(:has(#banner)) .aside-sponsors__sponsor {
433+
height: 62px;
434+
}
435+
436+
body:not(:has(#banner)) .aside-sponsors__sponsor-image {
437+
height: 40px;
438+
width: 40px;
439+
}
440+
}
421441
</style>

‎src/ui/components/DocsSidebar.astro

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,6 @@ document.addEventListener("astro:after-swap", mainScript);
128128
}
129129

130130
.aside-scroll {
131-
height: calc(100dvh - 104px);
132131
padding: 0 16px 0 0;
133132
overscroll-behavior: contain;
134133
}
@@ -142,8 +141,6 @@ document.addEventListener("astro:after-swap", mainScript);
142141
.aside {
143142
z-index: 100;
144143
position: fixed;
145-
top: 104px;
146-
height: calc(100% - 104px);
147144
left: 0;
148145
right: 0;
149146
width: 100%;

‎src/ui/components/GithubStars.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const { isAccent } = Astro.props;
77
---
88
<a target="_blank" rel="noreferrer nofollow" href="https://github.com/drizzle-team/drizzle-orm" class:list={["github-stars_wrap", isAccent && "github-stars_wrap--accent"]}>
99
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 98"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="currentColor"/></svg>
10-
<span class="github-stars__wrap_number">24k+</span>
10+
<span class="github-stars__wrap_number">25k+</span>
1111
</a>
1212

1313
<style>

0 commit comments

Comments
 (0)