mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-12 08:25:44 +01:00
Switch repo overview layout to cards
Squash commits of branch feature/repo_overview_cards: - Switch repo overview layout to cards - wip - Merge branch 'develop' into feature/repo_overview_cards - Fix collapsible - Fix collapsible - Fix styling - Merge branch 'develop' into feature/repo_overview_cards - Fix type for collapsible - Add changelog - Update storyshots - Merge branch 'develop' into feature/repo_overview_cards Committed-by: Thomas Zerr <thomas.zerr@cloudogu.com> Co-authored-by: tzerr <thomas.zerr@cloudogu.com>
This commit is contained in:
@@ -24,8 +24,9 @@
|
||||
|
||||
import React, { FC } from "react";
|
||||
import { Color, Size } from "../styleConstants";
|
||||
import Tooltip, { TooltipLocation } from "../Tooltip";
|
||||
import Tag from "../Tag";
|
||||
import { Card } from "@scm-manager/ui-layout";
|
||||
import { Tooltip } from "@scm-manager/ui-overlays";
|
||||
import { TooltipLocation } from "../Tooltip";
|
||||
|
||||
type Props = {
|
||||
color?: Color;
|
||||
@@ -36,10 +37,10 @@ type Props = {
|
||||
};
|
||||
|
||||
const RepositoryFlag: FC<Props> = ({ children, title, size = "small", tooltipLocation = "bottom", ...props }) => (
|
||||
<Tooltip location={tooltipLocation} message={title}>
|
||||
<Tag size={size} {...props}>
|
||||
<Tooltip side={tooltipLocation} message={title}>
|
||||
<Card.Details.Detail.Tag {...props} className={`is-${size} is-relative`}>
|
||||
{children}
|
||||
</Tag>
|
||||
</Card.Details.Detail.Tag>
|
||||
</Tooltip>
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user