jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: replace layout with fixed left sidebar and top strip

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-04-02 21:11:47 +01:00
parent 238d68d063
commit dbb3fbbc1b
5 changed files with 342 additions and 268 deletions
Download patch file Download diff file Expand all files Collapse all files

42
app/components/TopStrip.vue Normal file
View file

@ -0,0 +1,42 @@
<template>
<div class="top-strip">
<span>
<slot name="left">ghostguild.org{{ pagePath ? ` / ${pagePath}` : '' }}</slot>
</span>
<span>
<slot name="right">
<template v-if="memberData">
Signed in as {{ memberData.name }}
<template v-if="memberData.circle">
&middot; {{ memberData.circle }}
</template>
</template>
<template v-else>
A cooperative for game developers
</template>
</slot>
</span>
</div>
</template>
<script setup>
defineProps({
pagePath: { type: String, default: '' },
})
const { memberData } = useAuth()
</script>
<style scoped>
.top-strip {
padding: 16px 32px;
border-bottom: 1px dashed var(--border);
font-size: 12px;
color: var(--text-dim);
display: flex;
justify-content: space-between;
align-items: center;
}
.top-strip a { color: var(--text-faint); }
.top-strip a:hover { color: var(--candle); }
</style>