Compare commits
19
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Thomas
|
062fda642c | ||
|
Thomas
|
b53042f055 | ||
 ajnart
|
bf0eed7607 | ||
|
ajnart
|
8e29f7aa18 | ||
|
ajnart
|
5ac4a4cffc | ||
|
ajnart
|
ac7e3f2ef4 | ||
|
ajnart
|
47724f44eb | ||
|
ajnart
|
c81088d876 | ||
|
ajnart
|
9bf266935b | ||
|
Thomas Camlong
|
0ca62f1232 | ||
|
ajnart
|
4ca17d8e8b | ||
|
ajnart
|
24e6e4a47d | ||
|
ajnart
|
ad0120fe01 | ||
|
ajnart
|
17c47ac9d1 | ||
|
ajnart
|
97e0adbb3a | ||
|
ajnart
|
addf1c7335 | ||
|
ajnart
|
8f9efd0074 | ||
|
ajnart
|
c988c35b29 | ||
|
ajnart
|
425cb653a1 |
No files matched your search
Binary file not shown.
|
Before Width: | Height: | Size: 582 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 649 KiB |
@@ -18,7 +18,7 @@ Paste a URL and press Enter, paste several comma-separated or one-per-line URLs,
|
||||
URLs do not need an App record; Homarr uses the site's favicon and falls back to a link icon when it cannot load one.
|
||||
Bookmarks selected from Apps continue to use the App name, URL, icon, and description.
|
||||
|
||||
**Adaptive** layout is the practical default: it changes between icons, compact rows, and tiles as the widget changes shape. **Compact grid** keeps every card to a short row. Enable **Expand cards to fill row** when cards in an incomplete final row should use the remaining width. Every compact item exposes its destination on hover, while advanced view expands items into descriptive cards.
|
||||
**Adaptive** layout is the practical default: it changes between icons, compact rows, and tiles as the widget changes shape. Every compact item exposes its destination on hover, while advanced view expands items into descriptive cards.
|
||||
|
||||
### Screenshots
|
||||
|
||||
|
||||
@@ -56,12 +56,6 @@ export const bookmarksWidget: WidgetDefinition = {
|
||||
values: { type: "boolean" },
|
||||
defaultValue: "yes",
|
||||
},
|
||||
{
|
||||
name: "Expand cards to fill row",
|
||||
description: "Whether cards in an incomplete final row expand to use the remaining width.",
|
||||
values: { type: "boolean" },
|
||||
defaultValue: "no",
|
||||
},
|
||||
{
|
||||
name: "Bookmarks",
|
||||
description: "URLs and existing Apps shown by the widget.",
|
||||
|
||||
@@ -2272,9 +2272,6 @@
|
||||
"withBorder": {
|
||||
"label": "Show border"
|
||||
},
|
||||
"grow": {
|
||||
"label": "Expand cards to fill row"
|
||||
},
|
||||
"customUrls": {
|
||||
"label": "Custom links"
|
||||
},
|
||||
|
||||
@@ -6,7 +6,6 @@ import {
|
||||
Box,
|
||||
Card,
|
||||
Center,
|
||||
Grid,
|
||||
Group,
|
||||
ScrollArea,
|
||||
SimpleGrid,
|
||||
@@ -157,14 +156,6 @@ export default function BookmarksWidget({
|
||||
<Group gap={options.spacing} wrap="nowrap" mih="100%" align="stretch">
|
||||
{cards}
|
||||
</Group>
|
||||
) : options.grow ? (
|
||||
<Grid grow columns={plan.columns} gap={options.spacing}>
|
||||
{cards.map((card) => (
|
||||
<Grid.Col key={card.key} span={1}>
|
||||
{card}
|
||||
</Grid.Col>
|
||||
))}
|
||||
</Grid>
|
||||
) : (
|
||||
<SimpleGrid cols={plan.columns} spacing={options.spacing} verticalSpacing={options.spacing}>
|
||||
{cards}
|
||||
|
||||
@@ -49,7 +49,6 @@ export const { definition, componentLoader } = createWidgetDefinition("bookmarks
|
||||
hideHostname: factory.switch({ defaultValue: false }),
|
||||
openNewTab: factory.switch({ defaultValue: true }),
|
||||
withBorder: factory.switch({ defaultValue: false }),
|
||||
grow: factory.switch({ defaultValue: false }),
|
||||
customUrls: factory.internal({ defaultValue: [] as string[] }),
|
||||
items: factory.sortableItemList<BookmarkSelectionItem, string>({
|
||||
ItemComponent: ({ item, handle, removeItem, removeLabel, rootAttributes }) => {
|
||||
|
||||
@@ -240,20 +240,8 @@ export const getBookmarkDisplayPlan = ({
|
||||
};
|
||||
}
|
||||
|
||||
if (layout === "gridHorizontal") {
|
||||
return {
|
||||
columns: Math.min(count, widthSettings.compactColumns),
|
||||
horizontalScroll: false,
|
||||
itemHeight: 56,
|
||||
itemWidth: widthSettings.rowItemWidth,
|
||||
orientation: "horizontal",
|
||||
showHostname: widthSettings.showHostname && heightSettings.showHostname,
|
||||
showTitle: widthSettings.showTitle && heightSettings.showTitle,
|
||||
};
|
||||
}
|
||||
|
||||
let columns: number = widthSettings.adaptiveColumns;
|
||||
let orientation: BookmarkOrientation = widthSettings.adaptiveOrientation;
|
||||
let columns: number = widthSettings.compactColumns;
|
||||
let orientation: BookmarkOrientation = "horizontal";
|
||||
if (layout === "grid") {
|
||||
columns = widthSettings.gridColumns;
|
||||
orientation = "vertical";
|
||||
|
||||
Reference in new issue
Block a user