feat: publish widget markup (#12)
This commit is contained in:
parent
85eb81ba80
commit
6e54d95bbc
4 changed files with 32 additions and 9 deletions
|
@ -3,10 +3,11 @@ const { currentUser } = useAppStore()
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div p4>
|
||||
<div flex flex-col gap-4 p4>
|
||||
<!-- TODO: multiple account switcher -->
|
||||
<AccountInfo v-if="currentUser?.account" :account="currentUser.account" />
|
||||
<!-- TODO: dialog for select server -->
|
||||
<a v-else href="/api/mas.to/login" px2 py1 bg-teal6 text-white m2 rounded>Login</a>
|
||||
<PublishWidget />
|
||||
</div>
|
||||
</template>
|
||||
|
|
14
components/publish/PublishWidget.vue
Normal file
14
components/publish/PublishWidget.vue
Normal file
|
@ -0,0 +1,14 @@
|
|||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div flex flex-col gap-4>
|
||||
<textarea p2 border-rounded w-full h-40 color-black placeholder="What's on your mind?" />
|
||||
<div flex justify-end>
|
||||
<button h-9 w-22 bg-primary border-rounded>
|
||||
Publish!
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
Loading…
Add table
Add a link
Reference in a new issue