Syafrizal_Wd_Mahendra
/
TIFNGK_E41222719
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: adjust input field profile

This commit is contained in:
Mahen 2026-02-17 13:11:42 +07:00
parent 677ac27aed
commit 9a55b42604
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/dashboards/ProfileCard.tsx
View File

@ -2,7 +2,7 @@
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import Image from "next/image"; import Image from "next/image";
import { Pencil, Briefcase, Wallet, Laptop, User, Monitor, Fan } from "lucide-react"; import { Pencil, Wallet, Laptop, User, Monitor, Fan } from "lucide-react";
import { ProfileClientProps } from "@/src/types"; import { ProfileClientProps } from "@/src/types";
import { useSession } from "next-auth/react"; import { useSession } from "next-auth/react";
import { Button } from "../ui/button"; import { Button } from "../ui/button";
@ -70,16 +70,16 @@ export default function ProfileCard({
<Separator /> <Separator />
<div className="p-6 sm:p-8 space-y-8"> <div className="p-6 sm:p-8 space-y-6">
<div className="space-y-3"> <div className="space-y-2 -mt-2">
<div className="flex items-center gap-2 text-sm font-semibold text-muted-foreground uppercase tracking-wider"> <div className="flex items-center gap-1 text-sm font-semibold text-muted-foreground">
<User className="w-4 h-4" /> <User className="w-4 h-4" />
Tentang Saya Tentang Saya
</div> </div>
<div className="rounded-xl bg-muted/50 p-4 border border-muted"> <div className="rounded-xl bg-muted/50 p-4 border border-muted">
<p className="text-sm leading-relaxed text-foreground/90 italic"> <p className="text-sm leading-relaxed text-foreground/90">
{bio {bio
? `"${bio}"` ? `${bio}`
: "Belum ada deskripsi profil. Ceritakan sedikit tentang aktivitas dan kebutuhan laptop Anda."} : "Belum ada deskripsi profil. Ceritakan sedikit tentang aktivitas dan kebutuhan laptop Anda."}
</p> </p>
</div> </div>
@ -97,7 +97,7 @@ export default function ProfileCard({
brands.map((brand, i) => ( brands.map((brand, i) => (
<span <span
key={i} key={i}
className="rounded-md bg-secondary px-2.5 py-1 text-xs font-semibold text-secondary-foreground border" className="rounded-full bg-secondary px-2.5 py-1 text-xs font-semibold text-secondary-foreground border"
> >
{brand} {brand}
</span> </span>
@ -119,7 +119,7 @@ export default function ProfileCard({
</div> </div>
<div> <div>
{preferenceOS ? ( {preferenceOS ? (
<span className="inline-flex items-center rounded-md bg-[#F8FBFF] px-2.5 py-1 text-xs font-bold text-primary border border-primary"> <span className="rounded-full bg-secondary px-2.5 py-1 text-xs font-semibold text-secondary-foreground border">
{preferenceOS} {preferenceOS}
</span> </span>
) : ( ) : (
@ -140,9 +140,7 @@ export default function ProfileCard({
{budgetMin || budgetMax ? ( {budgetMin || budgetMax ? (
<div className="flex flex-col justify-center h-[calc(100%-2rem)]"> <div className="flex flex-col justify-center h-[calc(100%-2rem)]">
<p className="text-sm text-muted-foreground mb-1">Dari</p> <p className="text-sm text-muted-foreground mb-1">Dari</p>
<p className="text-xl font-bold"> <p className="text-xl font-bold">{formatRupiah(budgetMin)}</p>
{formatRupiah(budgetMin)}
</p>
<div className="my-2 h-px w-full bg-border"></div> <div className="my-2 h-px w-full bg-border"></div>
@ -152,9 +150,9 @@ export default function ProfileCard({
</p> </p>
</div> </div>
) : ( ) : (
<div className="flex h-[calc(100%-2rem)] items-center"> <div className="flex h-[calc(100%-2rem)] justify-center items-center">
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
Budget belum diatur. Anggaran Belum Diatur.
</p> </p>
</div> </div>
)} )}