Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-11-03 16:01:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

use grid-cols instead of flex-basis for bookmarks

Browse Source 
Fixes #507
This commit is contained in:
Michael Shamoon 2022-11-08 10:33:11 -08:00
parent 4a9a034626
commit 2bcfc36bc2
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/bookmarks/group.jsx
View File

@ -3,7 +3,7 @@ import List from "components/bookmarks/list";
export default function BookmarksGroup({ group }) { export default function BookmarksGroup({ group }) {
return ( return (
<div key={group.name} className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1"> <div key={group.name} className="flex-1">
<h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{group.name}</h2> <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{group.name}</h2>
<ErrorBoundary> <ErrorBoundary>
<List bookmarks={group.bookmarks} /> <List bookmarks={group.bookmarks} />

2
src/pages/index.jsx
View File

@ -272,7 +272,7 @@ function Home({ initialSettings }) {
)} )}
{bookmarks && ( {bookmarks && (
<div className="grow flex flex-wrap pt-0 p-4 sm:p-8 gap-x-2"> <div className={`grow flex flex-wrap pt-0 p-4 sm:p-8 gap-2 grid-cols-1 lg:grid-cols-2 lg:grid-cols-${Math.min(6, bookmarks.length)}`}>
{bookmarks.map((group) => ( {bookmarks.map((group) => (
<BookmarksGroup key={group.name} group={group} /> <BookmarksGroup key={group.name} group={group} />
))} ))}