romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-01-18 21:17:59 +00:00
Code Issues Releases Activity

Centered modal

Browse Source
This commit is contained in:
Romein van Buren 2023-08-27 15:25:37 +02:00
parent a01c56ab69
commit 621af884b5
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49
3 changed files with 10 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app.svelte
View File

@ -3,7 +3,6 @@
import ContextMenu from '$components/contextmenu.svelte'; import ContextMenu from '$components/contextmenu.svelte';
import dialogs from '$lib/dialogs.js'; import dialogs from '$lib/dialogs.js';
import contextMenu from '$lib/stores/contextmenu.js'; import contextMenu from '$lib/stores/contextmenu.js';
import environment from '$lib/stores/environment.js';
import hostTree from '$lib/stores/hosttree.js'; import hostTree from '$lib/stores/hosttree.js';
import applicationInited from '$lib/stores/inited.js'; import applicationInited from '$lib/stores/inited.js';
import windowTitle from '$lib/stores/windowtitle.js'; import windowTitle from '$lib/stores/windowtitle.js';
@ -43,7 +42,7 @@
<svelte:window on:contextmenu|preventDefault /> <svelte:window on:contextmenu|preventDefault />
<div id="root" class="platform-{$environment?.platform}"> <div id="root">
<div class="titlebar">{$windowTitle}</div> <div class="titlebar">{$windowTitle}</div>
{#if $applicationInited && (showWelcomeScreen !== undefined)} {#if $applicationInited && (showWelcomeScreen !== undefined)}
@ -74,7 +73,7 @@
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
} }
#root.platform-darwin .titlebar { :global([data-platform="darwin"]) .titlebar {
height: var(--darwin-titlebar-height); height: var(--darwin-titlebar-height);
} }
@ -86,7 +85,7 @@
main.empty { main.empty {
grid-template: 1fr / 1fr; grid-template: 1fr / 1fr;
} }
#root.platform-darwin main { :global([data-platform="darwin"]) main {
height: calc(100vh - var(--darwin-titlebar-height)); height: calc(100vh - var(--darwin-titlebar-height));
} }
@ -98,12 +97,4 @@
main > :global(.addressbar) { main > :global(.addressbar) {
grid-column: 1 / 3; grid-column: 1 / 3;
} }
.databaselist {
overflow: scroll;
}
.button.create {
margin-top: 0.5rem;
}
</style> </style>

9
frontend/src/components/modal.svelte
View File

@ -73,19 +73,14 @@
height: 100vh; height: 100vh;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
margin: 0; margin: 0;
padding-top: 50px; padding: 2rem;
--wails-draggable: drag; --wails-draggable: drag;
} }
:global(#root.platform-darwin) .outer {
margin-top: var(--darwin-titlebar-height);
}
.inner { .inner {
max-height: 80vh; max-height: 80vh;
background-color: #fff; background-color: #fff;
margin-left: auto; margin: auto;
margin-right: auto;
margin-bottom: auto;
width: 100%; width: 100%;
border-radius: var(--radius); border-radius: var(--radius);
display: flex; display: flex;

5
frontend/src/lib/stores/environment.js
View File

@ -11,5 +11,10 @@ async function reload() {
reload(); reload();
subscribe(env => {
// @ts-ignore
document.body.dataset.platform = env?.platform;
});
const environment = { reload, subscribe }; const environment = { reload, subscribe };
export default environment; export default environment;