Merge pull request #46 from sebadob/ui-cleanup

UI cleanup
sebadob · Sep 7, 2023 · e70c5a7 · e70c5a7
2 parents 61464bf + 4076a42
commit e70c5a7
Show file tree

Hide file tree

Showing 52 changed files with 271 additions and 561 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -9,7 +9,7 @@ members = [
 ]
 
 [workspace.package]
-version = "0.15.0-20230906"
+version = "0.15.0-20230907"
 edition = "2021"
 authors = ["Sebastian Dobe <sebastiandobe@mailbox.org>"]
 license = "AGPLv3"

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/components/admin/AdminMain.svelte b/frontend/src/components/admin/AdminMain.svelte
@@ -20,9 +20,9 @@
     import IconShieldCheck from "$lib/icons/IconShieldCheck.svelte";
     import IconLogout from "$lib/icons/IconLogout.svelte";
     import IconId from "$lib/icons/IconId.svelte";
-    import RauthyLogo from "../icons/RauthyLogo.svelte";
+    import RauthyLogo from "$lib/icons/RauthyLogo.svelte";
     import Documentation from "./documentation/Documentation.svelte";
-    import IconBookOpen from "../icons/IconBookOpen.svelte";
+    import IconBookOpen from "$lib/icons/IconBookOpen.svelte";
     import {onMount} from "svelte";
 
     export let sessionInfo = {};

diff --git a/frontend/src/components/admin/clients/ClientBrandingPreview.svelte b/frontend/src/components/admin/clients/ClientBrandingPreview.svelte
@@ -1,5 +1,5 @@
 <script>
-    import RauthyLogo from "../../icons/RauthyLogo.svelte";
+    import RauthyLogo from "$lib/icons/RauthyLogo.svelte";
     import ClientBrandingPreviewBtn from "./ClientBrandingPreviewBtn.svelte";
     import ClientBrandingPreviewInput from "./ClientBrandingPreviewInput.svelte";
 

diff --git a/frontend/src/components/admin/clients/ClientBrandingPreviewBtn.svelte b/frontend/src/components/admin/clients/ClientBrandingPreviewBtn.svelte
@@ -70,7 +70,7 @@
     >
         {#if isLoading}
             <div class="load">
-                <Loading local background={false} color={loadCol}/>
+                <Loading background={false} color={loadCol}/>
             </div>
         {:else}
             <div class="txt">

diff --git a/frontend/src/components/icons/IconBookOpen.svelte b/frontend/src/components/icons/IconBookOpen.svelte
@@ -1,21 +1,21 @@
 <script>
-	export let color;
-  export let opacity = 0.9;
-  export let width = 24;
+    export let color;
+    export let opacity = 0.9;
+    export let width = 24;
 </script>
 
 <svg
-  fill="none"
-  viewBox="0 0 24 24"
-  stroke="currentColor"
-  stroke-width={2}
-  width={width}
-  color={color}
-  opacity={opacity}
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        stroke-width={2}
+        width={width}
+        color={color}
+        opacity={opacity}
 >
-  <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
-  />
+    <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
+    />
 </svg>
diff --git a/frontend/src/lib/Button.svelte b/frontend/src/lib/Button.svelte
@@ -5,7 +5,7 @@
 
     export let level = 2;
     export let width = 'inherit';
-    export let selected;
+    export let selected = undefined;
     export let isLoading = false;
 
     let showText = !isLoading;
@@ -66,7 +66,7 @@
 >
     {#if isLoading}
         <div class="load">
-            <Loading local background={false} color={loadCol}/>
+            <Loading background={false} color={loadCol}/>
         </div>
     {:else if showText}
         <div in:fade class="txt">

diff --git a/frontend/src/lib/ExpandContainer.svelte b/frontend/src/lib/ExpandContainer.svelte
@@ -5,7 +5,7 @@
 
     export let idx = 0;
     export let show = false;
-    export let expandedCallback;
+    export let expandedCallback = () => {};
 
     let isHover = false;
     let element;

diff --git a/frontend/src/lib/Tooltip.svelte b/frontend/src/lib/Tooltip.svelte
@@ -5,8 +5,8 @@
 
     export let xOffset = 10;
     export let yOffset = 10;
-    export let text;
-    export let html;
+    export let text = '';
+    export let html = '';
 
     let show = false;
 

diff --git a/frontend/src/lib/icons/IconArchiveBox.svelte b/frontend/src/lib/icons/IconArchiveBox.svelte
diff --git a/frontend/src/lib/icons/IconAt.svelte b/frontend/src/lib/icons/IconAt.svelte
diff --git a/frontend/src/lib/icons/IconBackspace.svelte b/frontend/src/lib/icons/IconBackspace.svelte
@@ -1,22 +1,20 @@
 <script>
-	export let color;
-  export let opacity = 0.9;
-  export let width = 24;
+    export let opacity = 0.9;
+    export let width = 24;
 </script>
 
 <svg
-  fill="none"
-  viewBox="0 0 24 24"
-  stroke="currentColor"
-  stroke-width={2}
-  width={width}
-  color={color}
-  opacity={opacity}
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        stroke-width={2}
+        width={width}
+        opacity={opacity}
 >
-  <path
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      d="M12 9.75L14.25 12m0 0l2.25 2.25M14.25 12l2.25-2.25M14.25 12L12 14.25m-2.58 4.92l-6.375-6.375a1.125 1.125 0 010-1.59L9.42 4.83c.211-.211.498-.33.796-.33H19.5a2.25 2.25 0 012.25 2.25v10.5a2.25 2.25 0 01-2.25 2.25h-9.284c-.298 0-.585-.119-.796-.33z"
-  />
+    <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M12 9.75L14.25 12m0 0l2.25 2.25M14.25 12l2.25-2.25M14.25 12L12 14.25m-2.58 4.92l-6.375-6.375a1.125 1.125 0 010-1.59L9.42 4.83c.211-.211.498-.33.796-.33H19.5a2.25 2.25 0 012.25 2.25v10.5a2.25 2.25 0 01-2.25 2.25h-9.284c-.298 0-.585-.119-.796-.33z"
+    />
 </svg>
 
diff --git a/frontend/src/lib/icons/IconBarsArrowDown.svelte b/frontend/src/lib/icons/IconBarsArrowDown.svelte
@@ -1,21 +1,19 @@
 <script>
-	export let color;
-  export let opacity = 0.9;
-  export let width = 24;
+    export let opacity = 0.9;
+    export let width = 24;
 </script>
 
 <svg
-  fill="none"
-  viewBox="0 0 24 24"
-  stroke="currentColor"
-  stroke-width={2}
-  width={width}
-  color={color}
-  opacity={opacity}
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        stroke-width={2}
+        width={width}
+        opacity={opacity}
 >
-  <path
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      d="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25"
-  />
+    <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25"
+    />
 </svg>
diff --git a/frontend/src/lib/icons/IconBarsArrowUp.svelte b/frontend/src/lib/icons/IconBarsArrowUp.svelte
@@ -1,21 +1,19 @@
 <script>
-	export let color;
-  export let opacity = 0.9;
-  export let width = 24;
+    export let opacity = 0.9;
+    export let width = 24;
 </script>
 
 <svg
-  fill="none"
-  viewBox="0 0 24 24"
-  stroke="currentColor"
-  stroke-width={2}
-  width={width}
-  color={color}
-  opacity={opacity}
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        stroke-width={2}
+        width={width}
+        opacity={opacity}
 >
-  <path
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      d="M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
-  />
+    <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
+    />
 </svg>
diff --git a/frontend/src/lib/icons/IconBarsBottomLeft.svelte b/frontend/src/lib/icons/IconBarsBottomLeft.svelte
diff --git a/frontend/src/lib/icons/IconBookOpen.svelte b/frontend/src/lib/icons/IconBookOpen.svelte
@@ -1,21 +1,19 @@
 <script>
-	export let color;
-  export let opacity = 0.9;
-  export let width = 24;
+    export let opacity = 0.9;
+    export let width = 24;
 </script>
 
 <svg
-  fill="none"
-  viewBox="0 0 24 24"
-  stroke="currentColor"
-  stroke-width={2}
-  width={width}
-  color={color}
-  opacity={opacity}
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        stroke-width={2}
+        width={width}
+        opacity={opacity}
 >
-  <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
-  />
+    <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
+    />
 </svg>