From c2f17fbe9fd60e6a342eba8d8bb885f9e0ba825d Mon Sep 17 00:00:00 2001
From: Tigor Hutasuhut <tigor.hutasuhut@gmail.com>
Date: Wed, 29 May 2024 15:36:47 +0700
Subject: [PATCH] view: some text are hidden on mobile view

---
 views/devices/put/slug_input.templ   | 2 +-
 views/devices/view.templ             | 2 +-
 views/subreddits/put/countback.templ | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/devices/put/slug_input.templ b/views/devices/put/slug_input.templ
index f30401b..85ce974 100644
--- a/views/devices/put/slug_input.templ
+++ b/views/devices/put/slug_input.templ
@@ -26,7 +26,7 @@ templ SlugInput(data SlugInputData) {
                     "text-success", data.Valid != "",
                 ) }
 			>Slug Identifier</span>
-			<span class="label-text-alt italic font-bold text-primary">NOTE: Slug Identifier cannot be changed after creation</span>
+			<span class="label-text-alt italic font-bold text-primary max-xs:hidden">NOTE: Slug Identifier cannot be changed after creation</span>
 		</div>
 		<input
 			id="slug-input-field"
diff --git a/views/devices/view.templ b/views/devices/view.templ
index 06b42ce..ebd7f8b 100644
--- a/views/devices/view.templ
+++ b/views/devices/view.templ
@@ -61,7 +61,7 @@ templ devicesList(data Data) {
 				<div class="card-body">
 					<div class="card-title">
 						<h2 class="my-auto">{ device.Name }</h2>
-						<span class="text-sm self-end italic font-normal">{ device.Slug }</span>
+						<span class="text-sm self-end italic font-normal max-xs:hidden">{ device.Slug }</span>
 						<p class="text-xs my-auto text-end">{ fmt.Sprintf("%.0f \u00d7 %.0f", device.ResolutionX, device.ResolutionY) } px</p>
 					</div>
 					<div class="divider">Filter</div>
diff --git a/views/subreddits/put/countback.templ b/views/subreddits/put/countback.templ
index 0659345..421e7f6 100644
--- a/views/subreddits/put/countback.templ
+++ b/views/subreddits/put/countback.templ
@@ -20,7 +20,7 @@ templ CountbackInput(data CountbackInputData) {
 	>
 		<div class="label">
 			<span class="label-text text-base">Countback</span>
-			<span class="label-text-alt">
+			<span class="label-text-alt max-xs:hidden">
 				NOTE: Non image posts are also counted in the countback!
 			</span>
 		</div>