refactor: Update Features component layout for improved responsiveness

This commit is contained in:
mauro 🤙
2024-08-12 11:45:54 +00:00
parent 680384f446
commit dd010b8622

View File

@@ -14,7 +14,7 @@ import {
TableRow, TableRow,
} from "./ui/table"; } from "./ui/table";
import { CheckIcon, EyeIcon, EyeOffIcon, RabbitIcon, XIcon } from "lucide-react"; import { CheckIcon, EyeIcon, EyeOffIcon, RabbitIcon, XIcon } from "lucide-react";
import { LockClosedIcon, QuestionMarkIcon } from "@radix-ui/react-icons"; import { EyeClosedIcon, LockClosedIcon, QuestionMarkIcon } from "@radix-ui/react-icons";
import ShineBorder from "./ui/shine-border"; import ShineBorder from "./ui/shine-border";
import SparklesText from "./ui/sparkles-text"; import SparklesText from "./ui/sparkles-text";
@@ -179,7 +179,7 @@ export default function Features() {
Zen is designed with privacy in mind. We found the perfect balance between privacy and functionality, so you can browse the web without worrying about your data. Zen is designed with privacy in mind. We found the perfect balance between privacy and functionality, so you can browse the web without worrying about your data.
</p> </p>
</div> </div>
<EyeOffIcon className="mx-auto hidden md:block w-32 h-32" /> <EyeClosedIcon className="mx-auto hidden md:block w-32 h-32" />
</div> </div>
<div className="flex flex-col lg:flex-row w-full mt-52 p-5 justify-between items-center"> <div className="flex flex-col lg:flex-row w-full mt-52 p-5 justify-between items-center">
<LockClosedIcon className="mx-auto hidden md:block w-32 h-32" /> <LockClosedIcon className="mx-auto hidden md:block w-32 h-32" />