Merge pull request #662 from melvnl/fix/dashboard-search-spaces-responsive

fix(ui): fix dashboard search spaces layout for 1024px and below
This commit is contained in:
Rohan Verma 2026-01-03 04:46:18 -08:00 committed by GitHub
commit d7899ea316
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View file

@ -28,7 +28,7 @@ export default function SearchSpacesPage() {
return ( return (
<motion.div <motion.div
className="container mx-auto py-10" className="mx-auto max-w-5xl px-4 py-6 lg:py-10"
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ duration: 0.5 }} transition={{ duration: 0.5 }}

View file

@ -118,7 +118,7 @@ export function SearchSpaceForm({
> >
<motion.div className="flex items-center justify-between" variants={itemVariants}> <motion.div className="flex items-center justify-between" variants={itemVariants}>
<div className="flex flex-col space-y-2"> <div className="flex flex-col space-y-2">
<h2 className="text-3xl font-bold tracking-tight"> <h2 className="text-2xl md:text-3xl font-bold tracking-tight">
{isEditing ? "Edit Search Space" : "Create Search Space"} {isEditing ? "Edit Search Space" : "Create Search Space"}
</h2> </h2>
</div> </div>
@ -157,7 +157,7 @@ export function SearchSpaceForm({
mass: 0.2, mass: 0.2,
}} }}
/> />
<div className="flex flex-col p-8 rounded-xl border-2 bg-muted/30 backdrop-blur-sm transition-all hover:border-primary/50 shadow-sm"> <div className="flex flex-col p-4 md:p-6 lg:p-8 rounded-xl border-2 bg-muted/30 backdrop-blur-sm transition-all hover:border-primary/50 shadow-sm">
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<span className="p-3 rounded-full bg-blue-100 dark:bg-blue-950/50"> <span className="p-3 rounded-full bg-blue-100 dark:bg-blue-950/50">