dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-28 06:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
Jan Prochazka
2024-10-21 13:07:29 +02:00
parent 3fdf27f820
commit aee3a28465
3 changed files with 80 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/EnterLicensePage.svelte
View File

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

5
packages/web/src/ErrorPage.svelte
View File

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

142
packages/web/src/widgets/SpecialPageLayout.svelte
View File

@@ -1,84 +1,84 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte'; 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(); onMount(() => {
const removed = document.getElementById('starting_dbgate_zero');
if (removed) removed.remove();
});
</script>
const params = new URLSearchParams(location.search); <div class="root theme-light theme-type-light">
const error = params.get('error'); <div class="text">DbGate</div>
<div class="wrap">
<div class="logo">
<img class="img" src="logo192.png" />
</div>
<div class="box">
<slot />
</div>
onMount(() => { <div class="bottomButtonsWrapperWrapper">
const removed = document.getElementById('starting_dbgate_zero'); <slot name="bottom-buttons" />
if (removed) removed.remove();
});
</script>
<div class="root theme-light theme-type-light">
<div class="text">DbGate</div>
<div class="wrap">
<div class="logo">
<img class="img" src="logo192.png" />
</div>
<div class="box">
<slot />
</div> </div>
</div> </div>
</div>
<style>
<style> .logo {
.logo { display: flex;
display: flex; margin-bottom: 1rem;
margin-bottom: 1rem; align-items: center;
align-items: center; justify-content: center;
justify-content: center; }
} .img {
.img { width: 80px;
width: 80px; }
} .text {
.text { position: fixed;
position: fixed; top: 1rem;
top: 1rem; left: 1rem;
left: 1rem; font-size: 30pt;
font-size: 30pt; font-family: monospace;
font-family: monospace; color: var(--theme-bg-2);
color: var(--theme-bg-2); text-transform: uppercase;
text-transform: uppercase; }
.root {
.root { color: var(--theme-font-1);
color: var(--theme-font-1); display: flex;
display: flex; justify-content: center;
justify-content: center; background-color: var(--theme-bg-1);
background-color: var(--theme-bg-1); align-items: baseline;
align-items: baseline; position: fixed;
position: fixed; top: 0;
top: 0; left: 0;
left: 0; right: 0;
right: 0; bottom: 0;
bottom: 0; }
.box {
.box { width: 600px;
width: 600px; max-width: 80vw;
max-width: 80vw; /* max-width: 600px;
width: 40vw; */ width: 40vw; */
width: 40vw; */ border: 1px solid var(--theme-border);
border: 1px solid var(--theme-border); border-radius: 4px;
border-radius: 4px; background-color: var(--theme-bg-0);
background-color: var(--theme-bg-0); }
.wrap {
.wrap { margin-top: 20vh;
margin-top: 20vh; }
.heading {
.heading { text-align: center;
text-align: center; margin: 1em;
margin: 1em; font-size: xx-large;
font-size: xx-large; }
}
.bottomButtonsWrapperWrapper {
display: flex;
flex-wrap: wrap;
width: 600px;
}
</style>