github-mirrors/netris-nestri
1
0
Fork 0
mirror of https://github.com/nestriness/nestri.git synced 2025-12-12 08:45:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): Fix responsiveness issues

Browse Source
This commit is contained in:
Wanjohi
2025-07-21 21:44:40 +03:00
parent 67ba04eced
commit fedcad7695
2 changed files with 1 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
packages/web/src/components/astro/HeroComponent.astro
View File

@@ -12,30 +12,3 @@ import { Stack, Grid } from "../solidjs/index.ts";
<Grid smGridColumns={8} mdGridColumns={10} lgGridColumns={12} />
</div>
</Stack>
<style>
.grid_system {
--max-width: 1080px;
--min-width: 250px;
--guide-width: 1px;
--horizontal-margin: 2rem;
--grid-system-width: 100vw;
--guide-color: var(--color-gray-200);
--cross-color: var(--color-gray-600);
display: flex;
position: relative;
flex-direction: column;
max-width: var(--max-width);
min-width: var(--min-width);
margin-top: var(--guide-width);
margin-left: var(--guide-width);
}
.grid_system::before {
position: absolute;
inset: 0;
left: calc(-1 * var(--guide-width));
top: calc(-1 * var(--guide-width));
content: "";
border: var(--guide-width) solid var(--guide-color);
pointer-events: none;
}
</style>

2
packages/web/src/pages/index.astro
View File

@@ -4,7 +4,7 @@ import HeroComponent from "../components/astro/HeroComponent.astro";
---
<Layout>
<main class="container py-20">
<main class="py-20">
<HeroComponent />
</main>
</Layout>