mirror of
https://github.com/gethomepage/homepage.git
synced 2026-01-09 01:44:24 +08:00
Fix: correct iconsOnly bookmark group spacing (#4502)
This commit is contained in:
@@ -5,15 +5,14 @@ import { columnMap } from "../../utils/layout/columns";
|
||||
import Item from "components/bookmarks/item";
|
||||
|
||||
export default function List({ bookmarks, layout, bookmarksStyle }) {
|
||||
let classes =
|
||||
layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col mt-3 bookmark-list";
|
||||
let classes = layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col bookmark-list";
|
||||
const style = {};
|
||||
if (layout?.iconsOnly || bookmarksStyle === "icons") {
|
||||
classes = "grid gap-3 mt-3 bookmark-list";
|
||||
classes = "grid gap-2 bookmark-list";
|
||||
style.gridTemplateColumns = "repeat(auto-fill, minmax(60px, 1fr))";
|
||||
}
|
||||
return (
|
||||
<ul className={classNames(classes)} style={style}>
|
||||
<ul className={classNames(classes, "mb-2", layout?.header === false ? "" : "mt-3")} style={style}>
|
||||
{bookmarks.map((bookmark) => (
|
||||
<Item
|
||||
key={`${bookmark.name}-${bookmark.href}`}
|
||||
|
||||
Reference in New Issue
Block a user