[frontend] fix weird scaling bug

velzie · velzie · commit 5c98a8f6ea09 · 2025-08-15T10:04:20.000-04:00
diff --git a/frontend/src/components/Shell.tsx b/frontend/src/components/Shell.tsx
@@ -77,6 +77,8 @@ export const Shell: Component = function (cx) {
 Shell.style = css`
 	:scope {
 		flex: 1;
+		overflow: hidden;
+		width: 100%;
 	}
 	.unfocus {
 		pointer-events: none;
@@ -104,6 +106,7 @@ Shell.style = css`
 
 	.mainframecontainer {
 		display: flex;
+		width: 100%;
 		flex: 1;
 	}
 
diff --git a/frontend/src/pages/NewTabPage.tsx b/frontend/src/pages/NewTabPage.tsx
@@ -82,7 +82,8 @@ NewTabPage.style = css`
 		align-items: center;
 	}
 	.title {
-		width: 100%;
+		width: 6em;
+		overflow: hidden;
 		text-overflow: ellipsis;
 		text-align: center;
 		white-space: nowrap;

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,8 @@ export const Shell: Component = function (cx) {`
`77`	`77`	Shell.style = css`
`78`	`78`	`:scope {`
`79`	`79`	`flex: 1;`
	`80`	`+ overflow: hidden;`
	`81`	`+ width: 100%;`
`80`	`82`	`}`
`81`	`83`	`.unfocus {`
`82`	`84`	`pointer-events: none;`
@@ -104,6 +106,7 @@ Shell.style = css`
`104`	`106`
`105`	`107`	`.mainframecontainer {`
`106`	`108`	`display: flex;`
	`109`	`+ width: 100%;`
`107`	`110`	`flex: 1;`
`108`	`111`	`}`
`109`	`112`