refactor

packages/web/src/EnterLicensePage.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
   import { useConfig } from './utility/metadataLoaders';
   import Link from './elements/Link.svelte';
   import { internalRedirectTo } from './clientAuth';
@@ -26,11 +25,6 @@
     errorMessage = 'Your license is expired';
     expiredMessageSet = true;
   }
-
-  onMount(() => {
-    const removed = document.getElementById('starting_dbgate_zero');
-    if (removed) removed.remove();
-  });
 </script>
 
 <FormProviderCore {values}>

packages/web/src/ErrorPage.svelte

@@ -10,11 +10,6 @@
 
   const params = new URLSearchParams(location.search);
   const error = params.get('error');
-
-  onMount(() => {
-    const removed = document.getElementById('starting_dbgate_zero');
-    if (removed) removed.remove();
-  });
 </script>
 
 <SpecialPageLayout>

packages/web/src/widgets/SpecialPageLayout.svelte

@@ -1,22 +1,13 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-    import { useConfig } from '../utility/metadataLoaders';
-    import ErrorInfo from '../elements/ErrorInfo.svelte';
-    import Link from '../elements/Link.svelte';
-    import { internalRedirectTo } from '../clientAuth';
-  
-    const config = useConfig();
-  
-    const params = new URLSearchParams(location.search);
-    const error = params.get('error');
 
   onMount(() => {
     const removed = document.getElementById('starting_dbgate_zero');
     if (removed) removed.remove();
   });
-  
+</script>
 
-  
+<div class="root theme-light theme-type-light">
   <div class="text">DbGate</div>
   <div class="wrap">
     <div class="logo">
@@ -25,10 +16,14 @@
     <div class="box">
       <slot />
     </div>
-      </div>
-    </div>
 
-  
+    <div class="bottomButtonsWrapperWrapper">
+      <slot name="bottom-buttons" />
+    </div>
+  </div>
+</div>
+
+<style>
   .logo {
     display: flex;
     margin-bottom: 1rem;
@@ -80,5 +75,10 @@
     margin: 1em;
     font-size: xx-large;
   }
-    }
 
+  .bottomButtonsWrapperWrapper {
+    display: flex;
+    flex-wrap: wrap;
+    width: 600px;
+  }
+</style>