From 91bb323e847e45734ef3db3e52aa7b41d439264f Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Fri, 26 Aug 2022 13:22:43 +0200
Subject: [PATCH] ui fixes

---
 .../components/svg/services/Appwrite.svelte   |  2 +-
 .../lib/components/svg/services/Fider.svelte  |  2 +-
 .../components/svg/services/GlitchTip.svelte  |  2 +-
 apps/ui/src/routes/index.svelte               | 47 ++++++++++---------
 4 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/apps/ui/src/lib/components/svg/services/Appwrite.svelte b/apps/ui/src/lib/components/svg/services/Appwrite.svelte
index fbabd5168..5523a6f09 100644
--- a/apps/ui/src/lib/components/svg/services/Appwrite.svelte
+++ b/apps/ui/src/lib/components/svg/services/Appwrite.svelte
@@ -4,7 +4,7 @@
 
 <svg
 	xmlns="http://www.w3.org/2000/svg"
-	class={isAbsolute ? 'w-14 h-14 absolute top-0 left-0 -m-5' : 'w-9 mx-auto'}
+	class={isAbsolute ? 'w-14 h-14 absolute top-0 left-0 -m-5' : 'w-9 h-9 mx-auto'}
 	viewBox="0 0 384 384"
 	fill="none"
 >
diff --git a/apps/ui/src/lib/components/svg/services/Fider.svelte b/apps/ui/src/lib/components/svg/services/Fider.svelte
index 6d7ccaba7..e94c94591 100644
--- a/apps/ui/src/lib/components/svg/services/Fider.svelte
+++ b/apps/ui/src/lib/components/svg/services/Fider.svelte
@@ -5,7 +5,7 @@
 <svg
 	viewBox="0 0 700 240"
 	xmlns="http://www.w3.org/2000/svg"
-	class={isAbsolute ? 'w-36 absolute top-0 left-0 -m-3 -mt-5' : 'w-28 mx-auto'}
+	class={isAbsolute ? 'w-36 absolute top-0 left-0 -m-3 -mt-5' : 'w-28 h-28 mx-auto'}
 	><path fill="#FDBC3D" d="m90.694 107.498-.981.39-20.608 8.23 6.332 6.547z" /><path
 		fill="#8EC63F"
 		d="M61.139 77.914 46.632 93 56.9 103.547c8.649-7.169 17.832-10.502 18.653-10.789L61.139 77.914z"
diff --git a/apps/ui/src/lib/components/svg/services/GlitchTip.svelte b/apps/ui/src/lib/components/svg/services/GlitchTip.svelte
index f61a87bbd..f132504c1 100644
--- a/apps/ui/src/lib/components/svg/services/GlitchTip.svelte
+++ b/apps/ui/src/lib/components/svg/services/GlitchTip.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <svg
-  class={isAbsolute ? 'w-10 h-10 absolute top-0 left-0 -m-5' : 'w-8 mx-auto'}
+  class={isAbsolute ? 'w-10 h-10 absolute top-0 left-0 -m-5' : 'w-8 h-8 mx-auto'}
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   style="isolation:isolate"
diff --git a/apps/ui/src/routes/index.svelte b/apps/ui/src/routes/index.svelte
index 7380250a1..a4b600309 100644
--- a/apps/ui/src/routes/index.svelte
+++ b/apps/ui/src/routes/index.svelte
@@ -107,14 +107,14 @@
 								</h1>
 								<div class="h-10">
 									{#if application?.fqdn}
-										<h2>{application?.fqdn}</h2>
+										<h2>{application?.fqdn.replace('https://','').replace('http://','')}</h2>
 									{:else if !application.settings.isBot && !application?.fqdn}
 										<h2 class="text-red-500">Not configured</h2>
 									{/if}
 								</div>
 								<div class="flex justify-end items-end space-x-2 h-10">
 									{#if application.fqdn}
-										<a href={application.fqdn} target="_blank" class="icons">
+										<a href={application.fqdn} target="_blank" class="icons hover:bg-green-500">
 											<svg
 												xmlns="http://www.w3.org/2000/svg"
 												class="h-6 w-6"
@@ -136,7 +136,7 @@
 										<a
 											href={`http://${dev ? 'localhost' : settings.ipv4}:${application.exposePort}`}
 											target="_blank"
-											class="icons  hover:bg-green-500"
+											class="icons hover:bg-green-500"
 										>
 											<svg
 												xmlns="http://www.w3.org/2000/svg"
@@ -187,7 +187,7 @@
 								<h1 class="font-bold text-xl truncate">{service.name}</h1>
 								<div class="h-10">
 									{#if service?.fqdn}
-										<h2>{service?.fqdn}</h2>
+										<h2>{service?.fqdn.replace('https://','').replace('http://','')}</h2>
 									{:else}
 										<h2 class="text-red-500">Not configured</h2>
 									{/if}
@@ -244,26 +244,31 @@
 							<div class="w-full flex flex-col ml-5">
 								<div class="h-10">
 									<h1 class="font-bold text-xl truncate">{database.name}</h1>
+									<div class="h-10">
+											<h2>{database?.version}</h2>
+									</div>
 								</div>
 								<div class="flex justify-end items-end space-x-2 h-10">
 									{#if database.settings.isPublic}
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											class="h-6 w-6"
-											viewBox="0 0 24 24"
-											stroke-width="1.5"
-											stroke="currentColor"
-											fill="none"
-											stroke-linecap="round"
-											stroke-linejoin="round"
-										>
-											<path stroke="none" d="M0 0h24v24H0z" fill="none" />
-											<circle cx="12" cy="12" r="9" />
-											<line x1="3.6" y1="9" x2="20.4" y2="9" />
-											<line x1="3.6" y1="15" x2="20.4" y2="15" />
-											<path d="M11.5 3a17 17 0 0 0 0 18" />
-											<path d="M12.5 3a17 17 0 0 1 0 18" />
-										</svg>
+										<div title="Public">
+											<svg
+												xmlns="http://www.w3.org/2000/svg"
+												class="h-6 w-6 "
+												viewBox="0 0 24 24"
+												stroke-width="1.5"
+												stroke="currentColor"
+												fill="none"
+												stroke-linecap="round"
+												stroke-linejoin="round"
+											>
+												<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+												<circle cx="12" cy="12" r="9" />
+												<line x1="3.6" y1="9" x2="20.4" y2="9" />
+												<line x1="3.6" y1="15" x2="20.4" y2="15" />
+												<path d="M11.5 3a17 17 0 0 0 0 18" />
+												<path d="M12.5 3a17 17 0 0 1 0 18" />
+											</svg>
+										</div>
 									{/if}
 								</div>
 							</div>