Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 05:19:39 +02:00
Code Issues Releases Activity

fix(boxselector): fix darkmode BE teaser style [EE-4145] (#7598)

Browse source 
* fix(boxselector): fix darkmode BE teaser style [EE-4145]

* make opacity same when selected

* add missing link to teaser

* style unchecked boxes + light mode

* revert colors for ligh theme
This commit is contained in:
itsconquest 2022-09-02 12:42:48 +12:00 • committed by GitHub
parent ccaf2bedb7
commit 5b4f6098d8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/react/components/BoxSelector/LimitedToBeIndicator.tsx
View file

@ -1,16 +1,25 @@
import { HelpCircle } from 'react-feather';
import ReactTooltip from 'react-tooltip';
import { HelpCircle } from 'react-feather';
import { FeatureId } from '@/portainer/feature-flags/enums';
import { getFeatureDetails } from '@@/BEFeatureIndicator/utils';
interface Props {
tooltipId: string;
featureId?: FeatureId;
}
export function LimitedToBeIndicator({ tooltipId }: Props) {
export function LimitedToBeIndicator({ tooltipId, featureId }: Props) {
const { url } = getFeatureDetails(featureId);
return (
<>
<div className="absolute left-0 top-0 w-full">
<div className="mx-auto max-w-fit bg-warning-4 rounded-b-lg py-1 px-3 flex gap-1 text-sm items-center">
<span className="text-warning-9">Pro Feature</span>
<a href={url} target="_blank" rel="noopener noreferrer">
<span className="text-warning-9">Pro Feature</span>
</a>
<HelpCircle
className="feather !text-warning-7"
data-tip