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

Copy and layout improvements.

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-04-16 21:11:05 +01:00
parent 39eb9e039a
commit 02222a5c16
20 changed files with 464 additions and 652 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/components/TierPicker.vue
View file

@ -8,7 +8,6 @@
@click="$emit('update:modelValue', tier.amount)"
>
<span class="tier-amount">{{ tier.display }}</span>
<span class="tier-label">{{ tier.label }}</span>
</div>
</div>
</template>
@ -40,7 +39,7 @@ defineEmits(["update:modelValue"]);
.tier-option {
flex: 1;
padding: 10px 8px;
padding: 18px 8px;
text-align: center;
border: 1px dashed var(--border);
background: var(--bg);
@ -67,30 +66,18 @@ defineEmits(["update:modelValue"]);
}
.tier-amount {
font-size: 16px;
font-size: 24px;
font-weight: 600;
color: var(--text);
font-family: "Brygada 1918", serif;
display: block;
line-height: 1.1;
}
.tier-option.current .tier-amount {
color: var(--candle);
}
.tier-label {
font-size: 9px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--text-faint);
display: block;
margin-top: 2px;
}
.tier-option.current .tier-label {
color: var(--candle-dim);
}
@media (max-width: 768px) {
.tier-picker {
flex-wrap: wrap;