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

improve: menu category items, add gradient border like design

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-08-12 00:27:57 +03:30
parent 84ecddc015
commit 557397aedc
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/listview/CategoryItemRenderer.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ type Props = {
function CategoryItemRenderer({ children, ...rest }: Props) { function CategoryItemRenderer({ children, ...rest }: Props) {
return ( return (
<div className={`${rest.className} cursor-pointer transition-all duration-200 ease-out border-2 border-solid border-white overflow-hidden rounded-xl backdrop-blur-md bg-white/40`}> <div className={`${rest.className} cursor-pointer transition-all duration-200 ease-out gradient-border overflow-hidden rounded-xl backdrop-blur-md bg-white/40`}>
<div <div
{...rest} {...rest}
className="rounded-normal w-[88px] h-[88px] flex flex-col justify-center items-center gap-2" className="rounded-normal w-[88px] h-[88px] flex flex-col justify-center items-center gap-2"
src/components/listview/CategorySmallItemRenderer.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ type Props = {
function CategorySmallItemRenderer({ children, ...rest }: Props) { function CategorySmallItemRenderer({ children, ...rest }: Props) {
return ( return (
<div className={`${rest.className} cursor-pointer transition-all duration-200 ease-out border-2 border-solid border-white overflow-hidden rounded-xl backdrop-blur-md bg-white/40`}> <div className={`${rest.className} cursor-pointer transition-all duration-200 ease-out gradient-border overflow-hidden rounded-xl backdrop-blur-md bg-white/40`}>
<div <div
{...rest} {...rest}
className="rounded-normal h-[44px] flex flex-row justify-center items-center p-2.5 gap-2" className="rounded-normal h-[44px] flex flex-row justify-center items-center p-2.5 gap-2"