Skip to content

Commit 27c70f7

Browse files
authored
Merge pull request #2228 from oasisprotocol/lw/banner-overlapping
Make BuildBanner non-sticky to fix on mobile
2 parents 76ba432 + e94a65f commit 27c70f7

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

.changelog/2228.trivial.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Make BuildBanner non-sticky to fix on mobile

src/app/components/BuildBanner/index.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,11 @@ export const BuildBanner: FC = () => {
2020
: t('banner.buildPreview', { appTitle: getAppTitle() })
2121

2222
return (
23-
<Alert variant="warning-filled" sticky>
23+
<Alert
24+
variant="warning-filled"
25+
// classes for [sticky] alert, without being sticky
26+
className="rounded-none border-0 flex justify-center items-center [&>svg]:-mt-1"
27+
>
2428
{message}
2529
</Alert>
2630
)

0 commit comments

Comments
 (0)