Skip to content

Commit fa4213d

Browse files
authored
Clean up mobile banner (#13666)
Slight adjustments to the Banner for Mobile
1 parent 6b7df58 commit fa4213d

File tree

2 files changed

+6
-3
lines changed

2 files changed

+6
-3
lines changed

polaris.shopify.com/src/components/Frame/Frame.module.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -378,7 +378,7 @@ $breakpointNav: $breakpointTablet;
378378

379379
a {
380380
padding: 0.5rem;
381-
border-radius: 9999px;
381+
border-radius: 0.5rem;
382382
color: #00936f;
383383
background: #d4f5e7;
384384
display: flex;
@@ -398,6 +398,10 @@ $breakpointNav: $breakpointTablet;
398398
background: #00936f;
399399
color: #d4f5e7;
400400
}
401+
402+
@media screen and (min-width: $breakpointMobile) {
403+
border-radius: 9999px;
404+
}
401405
}
402406

403407
strong {

polaris.shopify.com/src/components/Frame/Frame.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -98,8 +98,7 @@ function Frame({darkMode, children}: Props) {
9898
<div>
9999
<a href="https://shopify.dev/beta/next-gen-dev-platform/polaris">
100100
{icons.Polaris()}
101-
<strong>Introducing the new Polaris</strong> - Unified and for the
102-
web.{' '}
101+
<strong>Introducing Polaris</strong> - Unified and for the web.{' '}
103102
<span className={styles.ReleaseCandidate}>Release Candidate</span>
104103
<Icon source={ArrowRightIcon} />
105104
</a>

0 commit comments

Comments
 (0)