Skip to content

Commit

Permalink
style-fix: scale up prefix icons in table
Browse files Browse the repository at this point in the history
  • Loading branch information
ayushnirwal committed Feb 20, 2024
1 parent bd1624b commit 04ec3f2
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 10 deletions.
13 changes: 7 additions & 6 deletions packages/design-system/src/components/cookieDetails/details.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -119,9 +119,10 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
!hasValidBlockedReason &&
isUsingCDP && (
<div className="flex gap-1 items-center mb-4">
<QuestionMark />
<QuestionMark className="scale-150 mr-1" />
<p className="text-outer-space-crayola dark:text-bright-gray">
We could not identify this cookie&apos;s blocking status.
We detected that the cookie was blocked however we could not
detect the reason.
</p>
<br />
</div>
Expand All @@ -133,7 +134,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
hasValidBlockedReason &&
isUsingCDP && (
<div className="flex gap-1 items-center my-4">
<InboundIcon className="stroke-[#FE8455]" />
<InboundIcon className="stroke-[#FE8455] scale-150" />
<p className="text-outer-space-crayola dark:text-bright-gray">
This cookie was blocked in at least one of the responses.
</p>
Expand All @@ -147,7 +148,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
hasValidBlockedReason &&
isUsingCDP && (
<div className="flex gap-1 items-center my-4">
<InboundIcon className="stroke-[#D8302F]" />
<InboundIcon className="stroke-[#D8302F] scale-150" />
<p className="text-outer-space-crayola dark:text-bright-gray">
This cookie was blocked in all responses.
</p>
Expand All @@ -161,7 +162,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
hasValidBlockedReason &&
isUsingCDP && (
<div className="flex gap-1 items-center my-4">
<OutboundIcon className="stroke-[#FE8455]" />
<OutboundIcon className="stroke-[#FE8455] scale-150" />
<p className="text-outer-space-crayola dark:text-bright-gray">
This cookie was blocked in at least one of the requests.
</p>
Expand All @@ -175,7 +176,7 @@ const Details = ({ selectedCookie, isUsingCDP }: DetailsProps) => {
hasValidBlockedReason &&
isUsingCDP && (
<div className="flex gap-1 items-center my-4">
<OutboundIcon className="stroke-[#D8302F]" />
<OutboundIcon className="stroke-[#D8302F] scale-150" />
<p className="text-outer-space-crayola dark:text-bright-gray">
This cookie was blocked in all requests.
</p>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -78,16 +78,16 @@ const namePrefixIconSelector = ({ originalData }: TableRow) => {

if (isInboundBlocked) {
if (isInboundBlockedInAll) {
return <InboundIcon className="stroke-[#D8302F]" />;
return <InboundIcon className="stroke-[#D8302F] scale-150" />;
}
return <InboundIcon className="stroke-[#FE8455]" />;
return <InboundIcon className="stroke-[#FE8455] scale-150" />;
}

if (isOutboundBlocked) {
if (isOutboundBlockedInAll) {
return <OutboundIcon className="stroke-[#D8302F]" />;
return <OutboundIcon className="stroke-[#D8302F] scale-150" />;
}
return <OutboundIcon className="stroke-[#FE8455]" />;
return <OutboundIcon className="stroke-[#FE8455] scale-150" />;
}

return <></>;
Expand Down

0 comments on commit 04ec3f2

Please sign in to comment.