From 3556b24d7c79b6e2c4ced43f9a9643e3fb37472d Mon Sep 17 00:00:00 2001
From: ditatompel <ditatompel@gmail.com>
Date: Wed, 8 May 2024 19:39:26 +0700
Subject: [PATCH] Place section-container & hero-gradient to app.css

Make section-container & hero-gradient css class globally accesible.
---
 frontend/src/app.css                           | 10 +++++++++-
 frontend/src/routes/(front)/+page.svelte       | 13 -------------
 .../src/routes/(front)/add-node/+page.svelte   | 13 -------------
 .../routes/(front)/remote-nodes/+page.svelte   | 18 ------------------
 .../(front)/remote-nodes/logs/+page.svelte     | 18 ------------------
 5 files changed, 9 insertions(+), 63 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index c441c87..f66ade7 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -17,5 +17,13 @@ a.external {
   @apply link after:content-['_↗']
 }
 .dashboard-card {
-	@apply bg-surface-50-900-token rounded-lg border-2 border-dashed border-gray-200 p-4 dark:border-gray-700;
+  @apply bg-surface-50-900-token rounded-lg border-2 border-dashed border-gray-200 p-4 dark:border-gray-700;
+}
+.section-container {
+  @apply mx-auto w-full max-w-7xl p-4;
+}
+.hero-gradient {
+  background-image:
+    radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
+    radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
 }
diff --git a/frontend/src/routes/(front)/+page.svelte b/frontend/src/routes/(front)/+page.svelte
index 270f390..12ff5ae 100644
--- a/frontend/src/routes/(front)/+page.svelte
+++ b/frontend/src/routes/(front)/+page.svelte
@@ -182,16 +182,3 @@
 		</div>
 	</div>
 </section>
-
-<style lang="postcss">
-	.section-container {
-		@apply mx-auto w-full max-w-7xl p-4;
-	}
-	/* Hero Gradient */
-	/* prettier-ignore */
-	.hero-gradient {
-  background-image:
-    radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
-    radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
-  }
-</style>
diff --git a/frontend/src/routes/(front)/add-node/+page.svelte b/frontend/src/routes/(front)/add-node/+page.svelte
index bf8f506..ff41a13 100644
--- a/frontend/src/routes/(front)/add-node/+page.svelte
+++ b/frontend/src/routes/(front)/add-node/+page.svelte
@@ -119,16 +119,3 @@
 		</p>
 	</div>
 </section>
-
-<style lang="postcss">
-	.section-container {
-		@apply mx-auto w-full max-w-7xl p-4;
-	}
-	/* Hero Gradient */
-	/* prettier-ignore */
-	.hero-gradient {
-  background-image:
-    radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
-    radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
-}
-</style>
diff --git a/frontend/src/routes/(front)/remote-nodes/+page.svelte b/frontend/src/routes/(front)/remote-nodes/+page.svelte
index 3a59107..6f94c36 100644
--- a/frontend/src/routes/(front)/remote-nodes/+page.svelte
+++ b/frontend/src/routes/(front)/remote-nodes/+page.svelte
@@ -346,21 +346,3 @@
 		</div>
 	</div>
 </section>
-
-<style lang="postcss">
-	.section-container {
-		@apply mx-auto w-full max-w-7xl p-4;
-	}
-	/* Hero Gradient */
-	/* prettier-ignore */
-	.hero-gradient {
-  background-image:
-    radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
-    radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
-  }
-	/*
-  td:nth-child(1) {
-  @apply max-w-20;
-  }
-  */
-</style>
diff --git a/frontend/src/routes/(front)/remote-nodes/logs/+page.svelte b/frontend/src/routes/(front)/remote-nodes/logs/+page.svelte
index f80ff06..f54be09 100644
--- a/frontend/src/routes/(front)/remote-nodes/logs/+page.svelte
+++ b/frontend/src/routes/(front)/remote-nodes/logs/+page.svelte
@@ -176,21 +176,3 @@
 		</div>
 	</section>
 {/if}
-
-<style lang="postcss">
-	.section-container {
-		@apply mx-auto w-full max-w-7xl p-4;
-	}
-	/* Hero Gradient */
-	/* prettier-ignore */
-	.hero-gradient {
-  background-image:
-    radial-gradient(at 0% 0%, rgba(242, 104, 34, .4) 0px, transparent 50%),
-    radial-gradient(at 98% 1%, rgba(var(--color-warning-900) / 0.33) 0px, transparent 50%);
-  }
-	/*
-  td:nth-child(1) {
-  @apply max-w-20;
-  }
-  */
-</style>