Make prebuild logs responsive for small viewports

Author: Laurie T. Malau

components/dashboard/src/components/PrebuildLogs.tsx

@@ -144,7 +144,7 @@ export default function PrebuildLogs(props: PrebuildLogsProps) {
                     <WorkspaceLogs classes="h-full w-full" logsEmitter={logsEmitter} errorMessage={error?.message} />
                 </Suspense>
             </div>
-            <div className="h-20 px-6 bg-gray-50 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-600 flex space-x-2">
+            <div className="w-full bottom-0 h-20 px-6 bg-gray-50 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-600 flex space-x-2">
                 {prebuild && <PrebuildStatus prebuild={prebuild} />}
                 <div className="flex-grow" />
                 {props.children}

components/dashboard/src/start/CreateWorkspace.tsx

@@ -486,7 +486,7 @@ function RunningPrebuildView(props: RunningPrebuildViewProps) {
     return (
         <StartPage title="Prebuild in Progress">
             {/* TODO(gpl) Copied around in Start-/CreateWorkspace. This should properly go somewhere central. */}
-            <div className="mt-6 w-11/12 lg:w-3/5 overflow-hidden">
+            <div className="h-full mt-6 w-11/12 lg:w-3/5">
                 <PrebuildLogs workspaceId={workspaceId} onIgnorePrebuild={props.onIgnorePrebuild}>
                     <button className="secondary" onClick={() => props.onIgnorePrebuild && props.onIgnorePrebuild()}>
                         Skip Prebuild

components/dashboard/src/start/StartWorkspace.tsx

@@ -445,7 +445,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
                 if (isPrebuild) {
                     return (
                         <StartPage title="Prebuild in Progress">
-                            <div className="mt-6 w-11/12 lg:w-3/5 overflow-hidden">
+                            <div className="mt-6 w-11/12 lg:w-3/5">
                                 {/* TODO(gpl) These classes are copied around in Start-/CreateWorkspace. This should properly go somewhere central. */}
                                 <PrebuildLogs workspaceId={this.props.workspaceId} />
                             </div>
@@ -579,7 +579,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
                 if (isPrebuild) {
                     return (
                         <StartPage title="Prebuild in Progress">
-                            <div className="mt-6 w-11/12 lg:w-3/5 overflow-hidden">
+                            <div className="mt-6 w-11/12 lg:w-3/5">
                                 {/* TODO(gpl) These classes are copied around in Start-/CreateWorkspace. This should properly go somewhere central. */}
                                 <PrebuildLogs workspaceId={this.props.workspaceId} />
                             </div>