danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change: accordion styling

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-08-11 23:04:36 +03:30
parent 69b8cd34e9
commit c148936657
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[name]/(Profile)/profile/settings/page.tsx
+8 -8
View File
@@ -34,7 +34,7 @@ function UserSettingsIndex() {
group='1' group='1'
> >
<div <div
className="flex w-full mt-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -44,7 +44,7 @@ function UserSettingsIndex() {
</div> </div>
<div <div
className="flex w-full mt-5 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full my-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -60,7 +60,7 @@ function UserSettingsIndex() {
group='1' group='1'
> >
<div <div
className="flex w-full mt-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -70,7 +70,7 @@ function UserSettingsIndex() {
</div> </div>
<div <div
className="flex w-full mt-5 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full my-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -80,7 +80,7 @@ function UserSettingsIndex() {
</div> </div>
<div <div
className="flex w-full mt-5 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full my-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -96,7 +96,7 @@ function UserSettingsIndex() {
group='1' group='1'
> >
<div <div
className="flex w-full mt-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -106,7 +106,7 @@ function UserSettingsIndex() {
</div> </div>
<div <div
className="flex w-full mt-5 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full my-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
@@ -116,7 +116,7 @@ function UserSettingsIndex() {
</div> </div>
<div <div
className="flex w-full mt-5 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black" className="flex w-full my-3 h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 focus:outline-none focus:ring-2 focus:ring-black"
> >
<span className="inline-flex items-center gap-2.5 text-sm2"> <span className="inline-flex items-center gap-2.5 text-sm2">
<MedalStar size="16" color="#333333" /> <MedalStar size="16" color="#333333" />
src/components/utils/Accordion.tsx
+2 -2
View File
@@ -40,7 +40,7 @@ function Accordion({ initial, group, title, icon: Icon, children, className, ...
return ( return (
<div <div
className={clsx( className={clsx(
'rounded-normal py-3', 'rounded-normal',
className className
)} )}
{...rest} {...rest}
@@ -50,7 +50,7 @@ function Accordion({ initial, group, title, icon: Icon, children, className, ...
onClick={toggle} onClick={toggle}
data-active={state} data-active={state}
className={clsx( className={clsx(
'hover:underline rounded-normal flex items-center justify-between w-full', 'hover:underline rounded-normal flex items-center h-full py-3 justify-between w-full',
'active:brightness-97 hover:brightness-99', 'active:brightness-97 hover:brightness-99',
'data-[active=true]:rounded-b-none data-[active=true]:border-b-0 **:pointer-events-none' 'data-[active=true]:rounded-b-none data-[active=true]:border-b-0 **:pointer-events-none'
)} )}