- Use tailwind container util which sets max width based on screen size automatically
Add a footer without any content so that main content has some bottom padding and doesn't have to think about it itself
:rocket:
This description was created by Ellipsis for commit 503b6545ca9eb46449c639520b748a4dd54c6414
Summary:
Replaced fixed max-width with Tailwind CSS container utility and added a footer for consistent bottom padding in layout components.
Key points:
Use Tailwind CSS container utility for responsive max-width in BillingPageLayout, SettingsPageLayout, TasksPageLayout, and CreateNewTaskLayout.
Add a footer with py-4 class to RootLayout components in skyvern-frontend/cloud/routes/root/RootLayout.tsx and skyvern-frontend/src/routes/root/RootLayout.tsx for consistent bottom padding.
Summary:
Replaced fixed max-width with Tailwind CSS
container
utility and added a footer for consistent bottom padding in layout components.Key points:
container
utility for responsive max-width inBillingPageLayout
,SettingsPageLayout
,TasksPageLayout
, andCreateNewTaskLayout
.py-4
class toRootLayout
components inskyvern-frontend/cloud/routes/root/RootLayout.tsx
andskyvern-frontend/src/routes/root/RootLayout.tsx
for consistent bottom padding.Generated with :heart: by ellipsis.dev