franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix new page height

Browse Source
This commit is contained in:
Aman Varshney
2025-04-17 20:58:29 +05:30
parent 9868a10275
commit b8c16d0610
2 changed files with 2 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/web/src/app/(home)/new/page.tsx
View File

@@ -2,28 +2,11 @@
import { motion } from "motion/react"; import { motion } from "motion/react";
import Link from "next/link"; import Link from "next/link";
import { useEffect } from "react";
import StackArchitect from "../_components/StackArchitech"; import StackArchitect from "../_components/StackArchitech";
export default function FullScreenStackArchitect() { export default function FullScreenStackArchitect() {
useEffect(() => {
const setVh = () => {
const vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty("--vh", `${vh}px`);
};
setVh();
window.addEventListener("resize", setVh);
document.body.style.overflow = "hidden";
return () => {
window.removeEventListener("resize", setVh);
document.body.style.overflow = "";
};
}, []);
return ( return (
<div className="flex h-[calc(var(--vh,1vh)*100)] flex-col bg-gradient-to-b from-white to-gray-50 dark:from-gray-950 dark:to-gray-900"> <div className="flex h-svh flex-col bg-gradient-to-b from-white to-gray-50 dark:from-gray-950 dark:to-gray-900">
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}

2
bun.lock
View File

@@ -14,7 +14,7 @@
}, },
"apps/cli": { "apps/cli": {
"name": "create-better-t-stack", "name": "create-better-t-stack",
"version": "1.13.2", "version": "2.0.0",
"bin": { "bin": {
"create-better-t-stack": "dist/index.js", "create-better-t-stack": "dist/index.js",
}, },