Tailwind config and basic services

This commit is contained in:
Aslan 2025-12-31 17:15:14 +01:00
parent f1e90c4dd2
commit be6467cd2c
41 changed files with 581 additions and 102 deletions

View file

@ -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>
);