17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 21 Pull Requests Actions 3 Packages Projects Releases 8 Wiki Activity

added bg image

Browse Source
This commit is contained in:
ajdj100
2025-12-17 00:26:52 -05:00
parent b6a9b6f855
commit 6cb53deee3
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/App.vue
View File

@@ -22,7 +22,10 @@ const environment = import.meta.env.VITE_ENVIRONMENT;
</script> </script>
<template> <template>
<div class="flex flex-col min-h-screen" style="background-image: url('/ui/public/bg.jpg'); background-size: cover; background-attachment: fixed;"> <div class="flex flex-col min-h-screen" style="background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('/bg.jpg');
background-size: contain;
background-attachment: fixed;
background-position: center;">
<div class="sticky top-0 bg-background z-50"> <div class="sticky top-0 bg-background z-50">
<Navbar class="flex"></Navbar> <Navbar class="flex"></Navbar>
<Alert v-if="environment == 'dev'" class="m-2 mx-auto w-5xl" variant="info"> <Alert v-if="environment == 'dev'" class="m-2 mx-auto w-5xl" variant="info">
@@ -32,8 +35,10 @@ const environment = import.meta.env.VITE_ENVIRONMENT;
</Alert> </Alert>
<Alert v-if="userStore.user?.LOAs?.[0]" class="m-2 mx-auto w-5xl" variant="info"> <Alert v-if="userStore.user?.LOAs?.[0]" class="m-2 mx-auto w-5xl" variant="info">
<AlertDescription class="flex flex-row items-center text-nowrap gap-5 mx-auto"> <AlertDescription class="flex flex-row items-center text-nowrap gap-5 mx-auto">
<p>You are on LOA until <strong>{{ formatDate(userStore.user?.LOAs?.[0].extended_till || userStore.user?.LOAs?.[0].end_date) }}</strong></p> <p>You are on LOA until <strong>{{ formatDate(userStore.user?.LOAs?.[0].extended_till ||
<Button variant="secondary" @click="async () => { await cancelLOA(userStore.user.LOAs?.[0].id); userStore.loadUser(); }">End userStore.user?.LOAs?.[0].end_date) }}</strong></p>
<Button variant="secondary"
@click="async () => { await cancelLOA(userStore.user.LOAs?.[0].id); userStore.loadUser(); }">End
LOA</Button> LOA</Button>
</AlertDescription> </AlertDescription>
</Alert> </Alert>