feat(folder-scoped-st): changed text css transformation in folders

This commit is contained in:
akhilmhdh
2023-06-10 12:09:43 +05:30
parent bbef7d415c
commit 7d554f46d5
2 changed files with 8 additions and 5 deletions

View File

@@ -121,7 +121,7 @@ export default function NavHeader({
<span className="text-sm font-semibold text-bunker-300">{name}</span> <span className="text-sm font-semibold text-bunker-300">{name}</span>
) : ( ) : (
<Link passHref legacyBehavior href={{ pathname: '/dashboard/[id]', query }}> <Link passHref legacyBehavior href={{ pathname: '/dashboard/[id]', query }}>
<a className="text-sm font-semibold capitalize text-primary/80 hover:text-primary"> <a className="text-sm font-semibold text-primary/80 hover:text-primary">
{name === 'root' ? selectedEnv?.name : name} {name === 'root' ? selectedEnv?.name : name}
</a> </a>
</Link> </Link>

View File

@@ -23,17 +23,20 @@ export const FolderSection = ({
{folders {folders
.filter(({ name }) => name.toLowerCase().includes(search.toLowerCase())) .filter(({ name }) => name.toLowerCase().includes(search.toLowerCase()))
.map(({ id, name }) => ( .map(({ id, name }) => (
<tr key={id} className="group flex flex-row items-center hover:bg-mineshaft-700 cursor-default"> <tr
<td className="flex h-10 w-10 items-center justify-center border-none px-4 ml-0.5"> key={id}
className="group flex cursor-default flex-row items-center hover:bg-mineshaft-700"
>
<td className="ml-0.5 flex h-10 w-10 items-center justify-center border-none px-4">
<FontAwesomeIcon icon={faFolder} className="text-primary-700" /> <FontAwesomeIcon icon={faFolder} className="text-primary-700" />
</td> </td>
<td <td
colSpan={2} colSpan={2}
className="relative flex w-full min-w-[220px] items-center justify-between overflow-hidden text-ellipsis uppercase lg:min-w-[240px] xl:min-w-[280px]" className="relative flex w-full min-w-[220px] items-center justify-between overflow-hidden text-ellipsis lg:min-w-[240px] xl:min-w-[280px]"
style={{ paddingTop: '0', paddingBottom: '0' }} style={{ paddingTop: '0', paddingBottom: '0' }}
> >
<div <div
className="flex-grow p-2 cursor-default" className="flex-grow cursor-default p-2"
onKeyDown={() => null} onKeyDown={() => null}
tabIndex={0} tabIndex={0}
role="button" role="button"