filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-20 10:47:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

alerts: adjusts alerts, not perfect but no padding calc

Browse Source
This commit is contained in:
@wwwjim 2020-10-09 18:32:26 -07:00
parent e393b4aa62
commit 2eb0f341f1
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/core/Alert.js
View File

@ -12,7 +12,7 @@ const STYLES_ALERT = `
z-index: ${Constants.zindex.alert};
position: fixed;
top: 56px;
width: calc(100% - ${Constants.sizes.navigation}px);
width: 100%;
color: ${Constants.system.white};
min-height: 48px;
padding: 12px 48px;
@ -23,7 +23,7 @@ const STYLES_ALERT = `
@media (max-width: ${Constants.sizes.mobile}px) {
width: 100%;
padding: 12px;
padding: 12px 24px 12px 24px;
left: 0px;
right: 0px;
width: 100%;
@ -75,6 +75,8 @@ const STYLES_MESSAGE = css`
const STYLES_TEXT = css`
border-bottom: 1px solid ${Constants.system.white};
max-width: ${Constants.sizes.mobile}px;
width: 100%;
@supports (
(-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px))