gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

fix: user verticalSpacer over existing spans

Browse source
This commit is contained in:
Twig 2025-07-10 22:52:16 +02:00
parent 8e69dc805e
commit 7b62d352f8
No known key found for this signature in database
1 changed files with 3 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
pages/settings.vue
View file

@ -8,7 +8,7 @@
<Icon class="back-button" size="2em" name="lucide:circle-arrow-left" alt="Back"></Icon> <Icon class="back-button" size="2em" name="lucide:circle-arrow-left" alt="Back"></Icon>
</span> </span>
</p> </p>
<span class="spacer"></span> <verticalSpacer />
<!-- categories and dynamic settings pages --> <!-- categories and dynamic settings pages -->
<div v-for="category in categories" :key="category.displayName"> <div v-for="category in categories" :key="category.displayName">
@ -17,13 +17,13 @@
:class="{ 'sidebar-focus': selectedPage === page.displayName }"> :class="{ 'sidebar-focus': selectedPage === page.displayName }">
{{ page.displayName }} {{ page.displayName }}
</li> </li>
<span class="spacer"></span> <verticalSpacer />
</div> </div>
<p> <p>
<Button text="Log Out" :callback=logout variant="scary"></Button> <Button text="Log Out" :callback=logout variant="scary"></Button>
</p> </p>
<span class="spacer"></span> <verticalSpacer />
<p id="links-and-socials"> <p id="links-and-socials">
<NuxtLink href="https://git.gorb.app/gorb/frontend" title="Source"><Icon name="lucide:git-branch-plus" /></NuxtLink> <NuxtLink href="https://git.gorb.app/gorb/frontend" title="Source"><Icon name="lucide:git-branch-plus" /></NuxtLink>
@ -196,13 +196,6 @@ onMounted(() => {
margin-right: 0.2em; margin-right: 0.2em;
} }
.spacer {
height: 0.2dvh;
display: block;
margin: 0.8dvh 1dvw;
background-color: var(--padding-color);
}
/* applies to child pages too */ /* applies to child pages too */
:deep(.subtitle) { :deep(.subtitle) {
display: block; display: block;