style: mobile width for pw request view

WhateverLabs · Dec 10, 2023 · 0607ea7 · 0607ea7
1 parent af4bb68
commit 0607ea7
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/routes/v/PasswordRequestView.svelte b/src/routes/v/PasswordRequestView.svelte
@@ -8,9 +8,22 @@
 
 <h1>Enter the paste's password</h1>
 
-<form on:submit|preventDefault={onSubmit}>
+<form on:submit|preventDefault={onSubmit} class="password-form">
 	<CarbonInput id="password-input" label="Password" bind:value={password} secureText={true} />
-	<div style="display: flex; justify-content: center; width: 100%; margin-top: 1rem;">
+	<div class="decrypt-container">
 		<CarbonButton>Decrypt</CarbonButton>
 	</div>
 </form>
+
+<style lang="scss">
+	.password-form {
+		display: contents;
+	}
+
+	.decrypt-container {
+		display: flex;
+		justify-content: center;
+		width: 100%;
+		margin-top: 1rem;
+	}
+</style>