feat: improve layout (#19)
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
This commit is contained in:
parent
70daeeaed5
commit
2442c80bfb
5 changed files with 60 additions and 25 deletions
|
@ -1,13 +1,17 @@
|
|||
<template>
|
||||
<div flex flex-col>
|
||||
<div flex justify-between>
|
||||
<div p3 flex gap-1>
|
||||
<slot name="title" />
|
||||
</div>
|
||||
<div p3 flex>
|
||||
<slot name="actions" />
|
||||
<div relative>
|
||||
<div sticky top-0 bg="#222" z10>
|
||||
<div flex justify-between>
|
||||
<div p3 flex gap-1>
|
||||
<slot name="title" />
|
||||
</div>
|
||||
<div p3 flex>
|
||||
<slot name="actions" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<slot />
|
||||
<div>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -17,7 +17,7 @@ async function publish() {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div flex flex-col gap-4 :class="isSending ? ' pointer-events-none' : ''">
|
||||
<div xl:w-70 flex flex-col gap-4 :class="isSending ? ' pointer-events-none' : ''">
|
||||
<textarea
|
||||
v-model="draftPost"
|
||||
placeholder="What's on your mind?"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue