closer match

src/app.tsx

@@ -200,20 +200,11 @@ function AppLayout(props: { children: any }) {
         >
           <div
             class="bg-base relative h-screen overflow-x-hidden overflow-y-scroll"
-            style={
+            style={{
-              barsInitialized()
+              width: `${centerWidth()}px`,
-                ? {
+              "margin-left": `${leftBarSize()}px`
-                    width: `${centerWidth()}px`,
+            }}
-                    "margin-left": `${leftBarSize()}px`
-                  }
-                : { width: "calc(100vw - 600px)", "margin-left": "300px" }
-            }
           >
-            <noscript>
-              <div class="bg-yellow text-crust border-text fixed top-0 z-150 ml-16 border-b-2 p-4 text-center font-semibold md:ml-64">
-                JavaScript is disabled. Features will be limited.
-              </div>
-            </noscript>
             <div
               class="py-16"
               onMouseUp={handleCenterTapRelease}

src/components/RecentCommits.tsx

@@ -57,9 +57,9 @@ export const RecentCommits: Component<{
                     <div class="flex min-w-0 flex-col gap-1">
                       <SkeletonText class="h-3 w-full" />
                       <SkeletonText class="h-3 w-3/4" />
-                      <SkeletonText class="h-2 w-16" />
+                      <SkeletonText class="my-1 h-2 w-10" />
                       <div class="flex min-w-0 items-center gap-2 overflow-hidden">
-                        <SkeletonBox class="h-4 w-16" />
+                        <SkeletonBox class="h-5 w-16" />
                         <SkeletonText class="h-2 w-24" />
                       </div>
                     </div>
@@ -85,7 +85,7 @@ export const RecentCommits: Component<{
                   class="flex min-w-0 flex-col gap-1"
                 >
                   <div class="flex min-w-0 items-start justify-between gap-2">
-                    <span class="text-text line-clamp-2 min-w-0 flex-1 text-xs leading-tight font-medium break-words">
+                    <span class="text-text line-clamp-2 min-w-0 flex-1 text-xs leading-tight font-medium wrap-break-word">
                       {commit.message}
                     </span>
                   </div>