Tailwind config and basic services
This commit is contained in:
parent
f1e90c4dd2
commit
be6467cd2c
41 changed files with 581 additions and 102 deletions
|
|
@ -2,18 +2,14 @@ import type { Component } from "solid-js";
|
|||
|
||||
const MessageBar: Component = () => {
|
||||
return (
|
||||
<div class="bg-stone-800 h-16 shadow-bar z-10 p-2">
|
||||
<div class="join w-full h-full">
|
||||
<div class="w-full h-full">
|
||||
<label class="input validator join-item w-full h-full">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Write a text message..."
|
||||
required
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn btn-neutral join-item h-full">Send</button>
|
||||
<div class="absolute w-full bottom-0 p-4 z-10">
|
||||
<div class="bg-stone-800/25 backdrop-blur-lg h-16 shadow-bar p-2 flex flex-row gap-2 rounded-full">
|
||||
<label class="bg-stone-800/50 backdrop-blur-lg input w-full h-full rounded-full focus:border-none outline-none">
|
||||
<input type="text" placeholder="Send a message..." />
|
||||
</label>
|
||||
<button class="bg-black/50 backdrop-blur-lg btn btn-neutral h-full rounded-full">
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue