mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-03-04 12:06:11 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve recent groups design

Browse Source
This commit is contained in:
Sebastien Castiel
2024-01-26 16:11:51 -05:00
parent 0647000a77
commit 11d2e298e8
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/groups/recent-group-list-card.tsx
View File

@@ -58,7 +58,11 @@ export function RecentGroupListCard({
return ( return (
<li key={group.id}> <li key={group.id}>
<Button variant="outline" className="h-fit w-full py-3" asChild> <Button
variant="secondary"
className="h-fit w-full py-3 rounded-lg border bg-card shadow-sm"
asChild
>
<div <div
className="text-base" className="text-base"
onClick={() => router.push(`/groups/${group.id}`)} onClick={() => router.push(`/groups/${group.id}`)}

2
src/app/groups/recent-group-list.tsx
View File

@@ -155,7 +155,7 @@ function GroupList({
setState: (state: SetStateAction<RecentGroupsState>) => void setState: (state: SetStateAction<RecentGroupsState>) => void
}) { }) {
return ( return (
<ul className="grid grid-cols-1 gap-2 sm:grid-cols-3"> <ul className="grid gap-2 sm:grid-cols-2">
{groups.map((group) => ( {groups.map((group) => (
<RecentGroupListCard <RecentGroupListCard
key={group.id} key={group.id}