Merge pull request #32237 from overleaf/mj-experiment-icon

[web] Align experiment icons to Figma designs

GitOrigin-RevId: e615000ed1684a4cba14569d44601ba03a970039
This commit is contained in:
Mathias Jakobsen
2026-03-19 11:26:00 +00:00
committed by Copybot
parent 1dffe20f05
commit 52fe6ecfe2
3 changed files with 8 additions and 4 deletions
@@ -39,8 +39,7 @@ const MonthlyTexliveLabsWidget = ({
const logo = (
<MaterialIcon
type="construction"
size="2x"
className="rounded bg-primary-subtle"
className="rounded bg-primary-subtle labs-experiment-icon"
/>
)
@@ -34,8 +34,7 @@ const LabsWidget = ({ setErrorMessage, labsProgram }: LabsWidgetProps) => {
logo={
<MaterialIcon
type="code"
size="2x"
className="rounded bg-primary-subtle"
className="rounded bg-primary-subtle labs-experiment-icon"
/>
}
optedInDescription={description}
@@ -48,6 +48,12 @@
padding: var(--image-padding);
}
.labs-experiment-icon {
padding: var(--spacing-03);
color: var(--green-70);
font-size: 24px;
}
img {
width: calc(var(--image-size) - var(--image-padding) * 2);
height: calc(var(--image-size) - var(--image-padding) * 2);