diff --git a/web/public/assets/graphics/studio-2026/studio-shiny.svg b/web/public/assets/graphics/studio-2026/studio-shiny.svg new file mode 100644 index 0000000..0d65708 --- /dev/null +++ b/web/public/assets/graphics/studio-2026/studio-shiny.svg @@ -0,0 +1,3 @@ + + + diff --git a/web/src/components/studio/studioShortcut.module.scss b/web/src/components/studio/studioShortcut.module.scss index cb4e485..fd36673 100644 --- a/web/src/components/studio/studioShortcut.module.scss +++ b/web/src/components/studio/studioShortcut.module.scss @@ -12,12 +12,25 @@ border-radius: 10rem; background: #EEA971; color: var(--color-deepBrick); - overflow: hidden; text-decoration: none; + position: relative; + + &:after { + content: ""; + background: url("/assets/graphics/studio-2026/studio-shiny.svg") no-repeat center / contain; + position: absolute; + top: -2%; + left: -2%; + width: 1rem; + height: 1rem; + } } .logo { width: 6rem; + overflow: hidden; + border-top-left-radius: 10rem; + border-bottom-left-radius: 10rem; } .text { @@ -46,6 +59,11 @@ justify-content: space-between; gap: var(--spacing-s); padding: 0 1rem 0 0; + + &:after { + width: .7rem; + height: .7rem; + } } .logo {