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

Readying for design

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-03-04 18:24:20 +00:00
parent d73256ca2b
commit fadf473dde
50 changed files with 1478 additions and 1259 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/components/PrivacyToggle.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="flex items-center gap-3 text-sm">
<span class="text-gray-700 dark:text-guild-400 text-xs font-medium"
<span class="text-guild-400 text-xs font-medium"
>{{ label }}:</span
>
<div class="flex items-center gap-2">
@ -8,8 +8,8 @@
class="text-xs transition-colors"
:class="
isPrivate
? 'text-gray-500 dark:text-guild-500'
: 'text-blue-600 dark:text-blue-400 font-semibold'
? 'text-guild-500'
: 'text-candlelight-500 font-semibold'
"
>
Members
@ -24,8 +24,8 @@
class="text-xs transition-colors"
:class="
isPrivate
? 'text-blue-600 dark:text-blue-400 font-semibold'
: 'text-gray-500 dark:text-guild-500'
? 'text-candlelight-500 font-semibold'
: 'text-guild-500'
"
>
Private
@ -38,19 +38,19 @@
const props = defineProps({
modelValue: {
type: String,
default: "members",
default: 'members',
},
label: {
type: String,
default: "Privacy",
default: 'Privacy',
},
});
})
const emit = defineEmits(["update:modelValue"]);
const emit = defineEmits(['update:modelValue'])
const isPrivate = computed(() => props.modelValue === "private");
const isPrivate = computed(() => props.modelValue === 'private')
const togglePrivacy = (value) => {
emit("update:modelValue", value ? "private" : "members");
};
emit('update:modelValue', value ? 'private' : 'members')
}
</script>