fix(frontend): Fix the spinning logo position (#1595)

windmill-labs · May 18, 2023 · 94b8bc4 · 94b8bc4
1 parent 3d1fcfa
commit 94b8bc4
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 24 deletions.
diff --git a/frontend/src/lib/components/CenteredModal.svelte b/frontend/src/lib/components/CenteredModal.svelte
@@ -14,30 +14,34 @@
 </script>
 
 <div class="center-center min-h-screen p-4 relative bg-gray-50">
-	<div
-		class="border rounded-md shadow-md bg-white w-full max-w-[640px]
+	<div class="flex flex-col gap-2 items-center w-full">
+		{#if !disableLogo}
+			<div class="hidden lg:block">
+				<div>
+					<WindmillIcon height="100px" width="100px" spin="slow" />
+				</div>
+				<h2 class="text-center pt-2 text-gray-800">Windmill</h2>
+			</div>
+		{/if}
+
+		<div
+			class="border rounded-md shadow-md bg-white w-full max-w-[640px]
 	p-4 sm:py-8 sm:px-10 mb-6 md:mb-20 z-10"
-	>
-		<div class="mb-10">
-			<h1 class="text-center">
-				{title}
-			</h1>
-			{#if subtitle}
-				<p class="text-sm text-center text-gray-600 mt-2">
-					{subtitle}
-				</p>
-			{/if}
-		</div>
-		<slot />
-	</div>
-	{#if !disableLogo}
-		<div class="hidden lg:block absolute top-10 right-50">
-			<div>
-				<WindmillIcon height="100px" width="100px" spin="slow" />
+		>
+			<div class="mb-10">
+				<h1 class="text-center">
+					{title}
+				</h1>
+				{#if subtitle}
+					<p class="text-sm text-center text-gray-600 mt-2">
+						{subtitle}
+					</p>
+				{/if}
 			</div>
-			<h2 class="text-center pt-2 text-gray-800">Windmill</h2>
+			<slot />
 		</div>
-	{/if}
+	</div>
+
 	<div class="absolute top-0 right-0 text-2xs text-gray-800 italic px-3 py-1">
 		<span class="font-mono">{version}</span>
 	</div>

diff --git a/frontend/src/routes/(root)/(logged)/user/(user)/workspaces/+page.svelte b/frontend/src/routes/(root)/(logged)/user/(user)/workspaces/+page.svelte
@@ -85,9 +85,8 @@
 {/if}
 
 <CenteredModal title="Select a workspace" subtitle="Logged in as {$usersWorkspaceStore?.email}">
-	<h2 class="mb-4 inline-flex gap-2"
-		>Workspaces{#if loading}<WindmillIcon spin="fast" />
-		{/if}
+	<h2 class="mb-4 inline-flex gap-2">
+		Workspaces{#if loading}<WindmillIcon spin="fast" />{/if}
 	</h2>
 
 	{#if $superadmin}