v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: aboutUs

Browse source
This commit is contained in:
VizoleLabs 2024-04-02 10:13:08 +00:00
parent 9b14637e39
commit 7b9eae11c7
3 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/page.tsx
View file

@ -62,9 +62,14 @@ export default function Web() {
<h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 text-transparent bg-clip-text" >Our Mission in Motion</h2> <h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 text-transparent bg-clip-text" >Our Mission in Motion</h2>
</div> </div>
<h3 className="mr-90 text-slate-300">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos, totam culpa officia ad esse</h3> <h3 className="mr-90 text-slate-300">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos, totam culpa officia ad esse</h3>
<div className="grid-col-1 p-20">
<Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button> <div className="mt-2">
<Button href="" intent="aboutUs" size="hero1" className="grid pt-2 text-left">Section 01</Button>
</div>
<div className="mt-2">
<Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button> <Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button>
</div>
<div className="mt-2">
<Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button> <Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button>
</div> </div>
</div> </div>

2
components/Button/Button.tsx
View file

@ -18,7 +18,7 @@ const button = cva(
primary: ["bg-blue-400", "text-white", "hover:enabled:bg-blue-700"], primary: ["bg-blue-400", "text-white", "hover:enabled:bg-blue-700"],
secondary: ["bg-transparent", "text-white", "hover:bg-slate-100", "rounded-3xl", "hover:text-vizoleG2", "border-solid", "border-2", "border-slate-100"], secondary: ["bg-transparent", "text-white", "hover:bg-slate-100", "rounded-3xl", "hover:text-vizoleG2", "border-solid", "border-2", "border-slate-100"],
hero1: ["text-black", "bg-white", "font-medium", "rounded-3xl", "text-sm", "text-center", "me-2", "mb-2", "border-solid", "border-2", "border-slate-100"], hero1: ["text-black", "bg-white", "font-medium", "rounded-3xl", "text-sm", "text-center", "me-2", "mb-2", "border-solid", "border-2", "border-slate-100"],
aboutUs: ["bg-transparent", "w-1/4", "hover:bg-blue-500", "text-blue-700", "font-semibold", "hover:text-white", "pt-5", "py-2", "px-4", "border", "border-blue-500", "hover:border-transparent", "rounded"] aboutUs: ["bg-transparent", "w-1/4", "hover:bg-blue-500", "text-white", "font-semibold", "hover:text-white", "py-2", "px-4", "border", "border-blue-500", "hover:border-transparent", "rounded", "flex", "text-left"]
}, },
size: { size: {
sm: ["min-w-20", "h-full", "min-h-10", "text-sm", "py-1.5", "px-4"], sm: ["min-w-20", "h-full", "min-h-10", "text-sm", "py-1.5", "px-4"],

11
styles/custom.css
View file

@ -1,8 +1,9 @@
.bg-illustration { .bg-illustration {
background-image: url('/images/glow-bottom.svg'); background-image: url("/images/glow-bottom.svg");
}
} .hover-pl-5pct:hover {
padding-left: calc(100% + 5%);
}
.hover-pl-5pct:hover { /* https://flowbite.com/docs/forms/radio/ */
padding-left: calc(100% + 5%);
}