style: try to fix the rest of the obvious style inconsistencies.

muni-town · Jan 7, 2025 · adfa4f2 · adfa4f2
1 parent c0bc4f4
commit adfa4f2
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 14 deletions.
diff --git a/src/app.css b/src/app.css
@@ -3,10 +3,20 @@
 @tailwind utilities;
 @tailwind variants;
 
-.input {
-    @apply !border-white !bg-purple-950/10 !text-white;
+.input,
+textarea,
+.input-group {
+	@apply !border-white !bg-purple-950/10 !text-white;
 }
 
 input::placeholder {
-    @apply !text-white/70;
+	@apply !text-white/70;
+}
+
+.card {
+	@apply !rounded-xl !border-[1px] !border-black !bg-pink-300/10;
+}
+
+.modal.contents .card {
+	@apply !bg-purple-950;
 }
diff --git a/src/lib/components/layouts/OuterLayout.svelte b/src/lib/components/layouts/OuterLayout.svelte
@@ -90,11 +90,10 @@
 	}
 
 	:global(body) {
-    /* background: linear-gradient(180deg, #250941 20%, #de7287 40%); */
 		background: linear-gradient(180deg, #240940 20%, #8e4569 60%, #cb5873);
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
+		background-repeat: no-repeat;
+		background-size: cover;
+	}
 
 	.stars {
 		background: url('/stars.avif');

diff --git a/src/routes/(app)/[username]/+layout.svelte b/src/routes/(app)/[username]/+layout.svelte
@@ -64,7 +64,7 @@
 <div class="flex flex-row flex-wrap-reverse justify-center sm:flex-nowrap">
 	{#if data.profileMatchesUserSession}
 		<aside
-			class="sticky top-8 mx-4 my-8 flex w-full min-w-[15em] flex-col border-[1px] border-black rounded-xl bg-pink-300/10 p-5 sm:h-[85vh] sm:w-auto"
+			class="sticky top-8 mx-4 my-8 flex w-full min-w-[15em] flex-col rounded-xl border-[1px] border-black bg-pink-300/10 p-5 sm:h-[85vh] sm:w-auto"
 		>
 			<div class="mb-3 flex flex-row items-start justify-between">
 				<h1 class="mb-2 text-xl font-bold">Pages</h1>
@@ -99,10 +99,7 @@
 				<button class="variant-outline btn" onclick={() => modalStore.trigger(setHandleModal)}>
 					Change Handle
 				</button>
-				<button
-					class="variant-outline btn"
-					onclick={() => modalStore.trigger(deleteProfileModal)}
-				>
+				<button class="variant-outline btn" onclick={() => modalStore.trigger(deleteProfileModal)}>
 					Delete Profile
 				</button>
 			</div>

diff --git a/src/routes/(app)/[username]/[slug]/+page.svelte b/src/routes/(app)/[username]/[slug]/+page.svelte
@@ -73,7 +73,7 @@
 
 <main class="mx-4 flex w-full flex-col items-center font-spacemono">
 	<div
-		class="relative m-4 mt-12 flex w-full max-w-[700px] flex-col justify-center gap-4 border-[1px] border-black rounded-xl bg-pink-300/10 p-8 text-xl"
+		class="relative m-4 mt-12 flex w-full max-w-[700px] flex-col justify-center gap-4 rounded-xl border-[1px] border-black bg-pink-300/10 p-8 text-xl"
 	>
 		<h1 class="relative mt-2 max-w-72 self-center text-center font-rubik text-4xl">
 			{#if !editingState.editing}

diff --git a/src/routes/(app)/[username]/new/+page.svelte b/src/routes/(app)/[username]/new/+page.svelte
@@ -58,7 +58,9 @@
 </svelte:head>
 
 <main class="mx-4 mt-4 flex w-full flex-col items-center">
-	<div class="border-[1px] border-black rounded-xl bg-pink-300/10 m-4 mt-8 flex w-full max-w-[700px] flex-col gap-4 p-8 text-xl">
+	<div
+		class="m-4 mt-8 flex w-full max-w-[700px] flex-col gap-4 rounded-xl border-[1px] border-black bg-pink-300/10 p-8 text-xl"
+	>
 		<h1 class="relative my-3 text-center text-4xl">
 			<div>
 				<InlineTextEditor bind:this={displayNameEditorEl} bind:content={page.display_name} />