h1 size/margin in test page

aaronshaf · aaronshaf · commit e7bfb3ecfada · 2024-11-17T06:42:02.000-07:00
diff --git a/packages/idb-cache-app/package.json b/packages/idb-cache-app/package.json
@@ -21,6 +21,7 @@
 		"@instructure/ui-heading": "^9.9.0",
 		"@instructure/ui-metric": "^9.9.0",
 		"@instructure/ui-number-input": "^9.9.0",
+		"@instructure/ui-responsive": "^9.9.0",
 		"@instructure/ui-text-input": "^9.9.0",
 		"@instructure/ui-view": "^9.9.0",
 		"@playwright/test": "^1.48.2",
diff --git a/packages/idb-cache-app/src/App.tsx b/packages/idb-cache-app/src/App.tsx
@@ -153,9 +153,15 @@ const App = () => {
 
 			<div className="min-h-screen bg-gray-50 p-8">
 				<View as="div" display="block" width="820px" margin="0 auto">
-					<Heading level="h1" margin="0 0 small 0">
+					<h1
+						style={{
+							fontSize: "clamp(1.8rem, 4vw, 2.4rem)",
+							whiteSpace: "nowrap",
+							marginBottom: "1rem",
+						}}
+					>
 						@instructure/idb-cache
-					</Heading>
+					</h1>
 
 					<form>
 						<WrappedFlexContainer>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
