New Title, Description. Removed dots from volume sliders.
This commit is contained in:
@@ -37,8 +37,8 @@ function App(): React.ReactNode {
|
||||
|
||||
const handleShareSession = () => {
|
||||
navigator.clipboard.writeText(window.location.href).then(() => {
|
||||
setShowCopyMessage(true);
|
||||
setTimeout(() => setShowCopyMessage(false), 3000);
|
||||
setShowCopyMessage(true);
|
||||
setTimeout(() => setShowCopyMessage(false), 3000);
|
||||
});
|
||||
};
|
||||
|
||||
@@ -47,13 +47,13 @@ function App(): React.ReactNode {
|
||||
<div className="w-full max-w-6xl mx-auto">
|
||||
<header className="mb-6 text-center relative z-10">
|
||||
<h1 className="text-4xl font-bold text-slate-800 tracking-tight">AG Beats</h1>
|
||||
<p className="text-slate-500 mt-2">Craft your beats and bass lines with this interactive step sequencer.</p>
|
||||
<p className="text-slate-500 mt-2">Craft your beats. Online with your friends.</p>
|
||||
<div className="absolute top-1/2 right-0 transform -translate-y-1/2 flex flex-col items-start gap-2">
|
||||
<div className={`text-xs font-semibold ${isConnected ? 'text-green-500' : 'text-red-500'}`}>
|
||||
{isConnected ? '● Connected' : '● Disconnected'}
|
||||
</div>
|
||||
<div className="relative">
|
||||
<button
|
||||
<button
|
||||
onClick={handleShareSession}
|
||||
className="flex items-center justify-center gap-2 px-2 lg:px-3 py-1 lg:py-2 text-xs lg:text-sm font-semibold text-slate-700 bg-white border border-slate-300 rounded-md shadow-sm hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-orange-500"
|
||||
>
|
||||
@@ -61,9 +61,9 @@ function App(): React.ReactNode {
|
||||
<span className="hidden lg:inline">Share Session</span>
|
||||
</button>
|
||||
{showCopyMessage && (
|
||||
<div className="absolute top-full right-0 mt-2 p-2 text-xs text-white bg-slate-800 rounded-md shadow-lg transition-opacity duration-300 ease-in-out z-50">
|
||||
Session link copied. Send it to your friends!
|
||||
</div>
|
||||
<div className="absolute top-full right-0 mt-2 p-2 text-xs text-white bg-slate-800 rounded-md shadow-lg transition-opacity duration-300 ease-in-out z-50">
|
||||
Session link copied. Send it to your friends!
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user