Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-14 17:26:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

🎨 reworked structure of infocard + added arrow

Browse Source
This commit is contained in:
Tagaishi
2023-08-02 04:32:20 +02:00
parent f0a343dfc9
commit 58de4aaa6c
1 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/InfoCard/InfoCard.tsx
View File

@@ -13,7 +13,7 @@ export const InfoCard = ({ content }: InfoCardProps) => {
const editor = useEditor({ const editor = useEditor({
content, content,
editable: false, editable: false,
editorProps:{ attributes:{ style: 'padding: 0;' }, }, editorProps: { attributes: { style: 'padding: 0;' }, },
extensions: [ extensions: [
StarterKit, StarterKit,
Link, Link,
@@ -21,22 +21,18 @@ export const InfoCard = ({ content }: InfoCardProps) => {
}); });
return ( return (
<HoverCard withinPortal position="top"> <HoverCard position="top" withArrow withinPortal>
<HoverCard.Target> <HoverCard.Target>
<IconInfoCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} /> <IconInfoCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
</HoverCard.Target> </HoverCard.Target>
<HoverCard.Dropdown <HoverCard.Dropdown
c='transparent' bg={colorScheme === 'light' ? "gray.2" : "dark.8"}
maw={400} maw={400}
p={0} px="10px"
style={{ border:"0", }} py="5px"
> >
<RichTextEditor editor={editor}> <RichTextEditor editor={editor} style={{ border:"0", }}>
<RichTextEditor.Content <RichTextEditor.Content bg="transparent"/>
bg={colorScheme === 'light' ? "gray.2" : "dark.8"}
px="10px"
py="5px"
/>
</RichTextEditor> </RichTextEditor>
</HoverCard.Dropdown> </HoverCard.Dropdown>
</HoverCard> </HoverCard>