padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui improvements

Browse source
This commit is contained in:
padreug 2025-02-11 15:37:15 +01:00
parent b230e22ed1
commit fcf052bf8a
3 changed files with 41 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/pages/Support.vue
View file

@ -7,16 +7,9 @@ const nostrStore = useNostrStore()
</script>
<template>
<div class="container max-w-4xl mx-auto py-8 px-4 sm:px-6 lg:px-8">
<div class="space-y-6">
<div class="flex flex-col space-y-1.5">
<h2 class="text-2xl font-semibold tracking-tight">Customer Support</h2>
<p class="text-sm text-muted-foreground">
Chat with our support team. We're here to help!
</p>
</div>
<div class="animate-in fade-in-50 slide-in-from-bottom-3">
<div class="container max-w-4xl mx-auto h-[calc(100vh-4rem)] py-4 px-4 sm:px-6 lg:px-8">
<div class="h-full">
<div class="h-full animate-in fade-in-50 slide-in-from-bottom-3">
<Login v-if="!nostrStore.isLoggedIn" />
<SupportChat v-else />
</div>
@ -40,12 +33,22 @@ const nostrStore = useNostrStore()
}
@keyframes fade-in-50 {
from { opacity: 0; }
to { opacity: 1; }
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slide-in-from-bottom-3 {
from { transform: translateY(3px); }
to { transform: translateY(0); }
from {
transform: translateY(3px);
}
to {
transform: translateY(0);
}
}
</style>
</style>