vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add tailwind plugin for prettier (#592)

Browse Source
This commit is contained in:
Salih Altun
2024-07-11 21:29:47 +03:00
committed by GitHub
parent 4e49d84f1e
commit 102d73b60e
39 changed files with 206 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
skyvern-frontend/src/routes/root/Profile.tsx
View File

@@ -7,8 +7,8 @@ type Props = {
function Profile({ name }: Props) {
return (
<div className="flex items-center border-2 p-2 rounded-lg">
<div className="flex gap-2 items-center">
<div className="flex items-center rounded-lg border-2 p-2">
<div className="flex items-center gap-2">
<PersonIcon className="h-4 w-4" />
<p className="w-40 overflow-hidden text-ellipsis">{name}</p>
</div>

12
skyvern-frontend/src/routes/root/RootLayout.tsx
View File

@@ -13,8 +13,8 @@ function RootLayout() {
return (
<>
<div className="w-full h-full px-4">
<aside className="fixed w-72 px-6 shrink-0 min-h-screen border-r-2">
<div className="h-full w-full px-4">
<aside className="fixed min-h-screen w-72 shrink-0 border-r-2 px-6">
<Link to={window.location.origin}>
<div className="h-24">
<Logo />
@@ -22,18 +22,18 @@ function RootLayout() {
</Link>
<SideNav />
{user ? (
<div className="absolute bottom-2 left-0 w-72 px-6 shrink-0">
<div className="absolute bottom-2 left-0 w-72 shrink-0 px-6">
<Profile name={user.name} />
</div>
) : null}
</aside>
<div className="pl-72 h-24 flex justify-end items-center px-6 gap-4">
<div className="flex h-24 items-center justify-end gap-4 px-6 pl-72">
<Link
to="https://discord.com/invite/fG2XXEuQX3"
target="_blank"
rel="noopener noreferrer"
>
<DiscordLogoIcon className="w-7 h-7" />
<DiscordLogoIcon className="h-7 w-7" />
</Link>
<div className="h-7">
<GitHubButton
@@ -47,7 +47,7 @@ function RootLayout() {
</GitHubButton>
</div>
</div>
<main className="pl-72 pb-4">
<main className="pb-4 pl-72">
<Outlet />
</main>
</div>

16
skyvern-frontend/src/routes/root/SideNav.tsx
View File

@@ -13,45 +13,45 @@ function SideNav() {
<NavLink
to="create"
className={({ isActive }) => {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
return cn("flex items-center rounded-2xl px-5 py-3 hover:bg-muted", {
"bg-muted": isActive,
});
}}
>
<PlusCircledIcon className="mr-4 w-6 h-6" />
<PlusCircledIcon className="mr-4 h-6 w-6" />
<span className="text-lg">Create</span>
</NavLink>
<NavLink
to="tasks"
className={({ isActive }) => {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
return cn("flex items-center rounded-2xl px-5 py-3 hover:bg-muted", {
"bg-muted": isActive,
});
}}
>
<ListBulletIcon className="mr-4 w-6 h-6" />
<ListBulletIcon className="mr-4 h-6 w-6" />
<span className="text-lg">Tasks</span>
</NavLink>
<NavLink
to="workflows"
className={({ isActive }) => {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
return cn("flex items-center rounded-2xl px-5 py-3 hover:bg-muted", {
"bg-muted": isActive,
});
}}
>
<LightningBoltIcon className="mr-4 w-6 h-6" />
<LightningBoltIcon className="mr-4 h-6 w-6" />
<span className="text-lg">Workflows (Beta)</span>
</NavLink>
<NavLink
to="settings"
className={({ isActive }) => {
return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
return cn("flex items-center rounded-2xl px-5 py-3 hover:bg-muted", {
"bg-muted": isActive,
});
}}
>
<GearIcon className="mr-4 w-6 h-6" />
<GearIcon className="mr-4 h-6 w-6" />
<span className="text-lg">Settings</span>
</NavLink>
</nav>