MarinoDev/FBLA25
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile Admin and contrast
All checks were successful
ci / docker_image (push) Successful in 2m26s
Details
ci / deploy (push) Successful in 24s
Details

Browse Source
This commit is contained in:
Drake Marino 2025-06-19 20:22:03 -05:00
parent 1474ba29db
commit 0752bf129e
2 changed files with 50 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.css
View File

@ -20,7 +20,7 @@
[data-theme='dark'] { [data-theme='dark'] {
--text-color: #f4f4f4; --text-color: #f4f4f4;
--bg-color: #0c0c0c; --bg-color: #0c0c0c;
--hover-bg-color: #1c1e1e; --hover-bg-color: #2c2e2e;
--separator-line-color: #2e343d; --separator-line-color: #2e343d;
--low-emphasis-text-color: #999999; --low-emphasis-text-color: #999999;
--primary-color: #1F96F3; --primary-color: #1F96F3;

9
src/routes/admin/+layout.svelte
View File

@ -2,10 +2,14 @@
import { page } from '$app/state'; import { page } from '$app/state';
import { userState } from '$lib/shared.svelte'; import { userState } from '$lib/shared.svelte';
import { PERMISSIONS } from '$lib/consts'; import { PERMISSIONS } from '$lib/consts';
import { MediaQuery } from 'svelte/reactivity';
const largeScreen = new MediaQuery('min-width: 1024px');
let { children } = $props(); let { children } = $props();
</script> </script>
{#if largeScreen.current}
<div class="bottom-border h-10 pt-2 text-center"> <div class="bottom-border h-10 pt-2 text-center">
{#if (userState.perms & PERMISSIONS.MANAGE_POSTINGS) > 0} {#if (userState.perms & PERMISSIONS.MANAGE_POSTINGS) > 0}
<a <a
@ -45,7 +49,12 @@
> >
{/if} {/if}
</div> </div>
{/if}
<div class="base-container"> <div class="base-container">
{#if largeScreen.current}
{@render children()} {@render children()}
{:else}
<h2 class="m-3 text-center">Please use a computer to view the admin page!</h2>
{/if}
</div> </div>