inline for neon and update dashboard styles
This commit is contained in:
@@ -58,6 +58,23 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*-- Inline Sign Styles for Headers --*/
|
||||||
|
.sign-inline {
|
||||||
|
font-family: "Carry-You", cursive;
|
||||||
|
font-size: 3rem;
|
||||||
|
line-height: 1;
|
||||||
|
color: #c6e2ff;
|
||||||
|
animation: neon .08s ease-in-out infinite alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-pink-inline {
|
||||||
|
font-family: "Carry-You", cursive;
|
||||||
|
font-size: 3rem;
|
||||||
|
line-height: 1;
|
||||||
|
color: #ffc5ec;
|
||||||
|
animation: neon-pink .08s ease-in-out infinite alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@keyframes neon {
|
@keyframes neon {
|
||||||
from {
|
from {
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
import '../neon.css';
|
||||||
import { MenuDock } from '@/components/ui/shadcn-io/menu-dock';
|
import { MenuDock } from '@/components/ui/shadcn-io/menu-dock';
|
||||||
import { Home, Settings, Bell } from 'lucide-react';
|
import { Home, Settings, Bell } from 'lucide-react';
|
||||||
import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
|
import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
|
||||||
@@ -34,7 +35,10 @@ export default function Dashboard() {
|
|||||||
{/* Main Content Area */}
|
{/* Main Content Area */}
|
||||||
<main className="flex-1 p-6 bg-background">
|
<main className="flex-1 p-6 bg-background">
|
||||||
<div className="max-w-7xl mx-auto space-y-6">
|
<div className="max-w-7xl mx-auto space-y-6">
|
||||||
<h1 className="text-3xl font-bold">Dashboard</h1>
|
<h1 className="text-3xl font-bold">
|
||||||
|
<span className="sign-pink-inline">Task&</span>
|
||||||
|
<span className="sign-inline">Coffee</span>
|
||||||
|
</h1>
|
||||||
|
|
||||||
{/* Material Design 3 Cards Grid */}
|
{/* Material Design 3 Cards Grid */}
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user