schulze/hallbarUtvecklingVT7
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update style for snackbar notification

Browse Source
This commit is contained in:
André Wahlberg 2020-12-15 10:53:19 +01:00
parent c294b60b5a
commit 0d26321055
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/img/close.svg
View File

@ -2,11 +2,7 @@
<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 329 329" style="enable-background:new 0 0 329 329;" xml:space="preserve"> viewBox="0 0 329 329" style="enable-background:new 0 0 329 329;" xml:space="preserve">
<style type="text/css"> <path d="M194.6,164.8L322.7,36.7c8.3-8.3,8.3-21.8,0-30.1s-21.8-8.3-30.1,0l-128.1,128L36.4,6.5c-8.3-8.3-21.8-8.3-30.1,0
.st0{fill:#FFFFFF;} s-8.3,21.8,0,30.1l128.1,128.1L6.3,292.9c-8.3,8.3-8.3,21.8,0,30.1c4.2,4.2,9.6,6.2,15.1,6.2s10.9-2.1,15.1-6.2l128.1-128.1
</style> l128,128.1c4.2,4.2,9.6,6.2,15.1,6.2s10.9-2.1,15.1-6.2c8.3-8.3,8.3-21.8,0-30.1L194.6,164.8z"/>
<path class="st0" d="M194.6,164.8L322.7,36.7c8.3-8.3,8.3-21.8,0-30.1c-8.3-8.3-21.8-8.3-30.1,0L164.5,134.6L36.4,6.5
c-8.3-8.3-21.8-8.3-30.1,0c-8.3,8.3-8.3,21.8,0,30.1l128.1,128.1L6.3,292.9c-8.3,8.3-8.3,21.8,0,30.1c4.2,4.2,9.6,6.2,15.1,6.2
s10.9-2.1,15.1-6.2l128.1-128.1L292.6,323c4.2,4.2,9.6,6.2,15.1,6.2c5.5,0,10.9-2.1,15.1-6.2c8.3-8.3,8.3-21.8,0-30.1L194.6,164.8z"
/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 782 B

After

Width:  |  Height:  |  Size: 691 B

15
src/index.css
View File

@ -34,11 +34,19 @@ button {
pointer-events: none; pointer-events: none;
} }
.MuiSnackbar-root {
width: 90%;
left: 50% !important;
bottom: 90px !important;
transform: translateX(-50%);
}
.MuiSnackbarContent-root { .MuiSnackbarContent-root {
background: white; background: white !important;
color: black; color: black !important;
justify-content: space-between; justify-content: space-between;
padding: 3.5vw 4vw !important; padding: 3.5vw 4vw !important;
border: 1px solid rgba(0, 0, 0, 0.2);
} }
.MuiSnackbarContent-action { .MuiSnackbarContent-action {
@ -77,7 +85,7 @@ button {
.MuiIconButton-label a { .MuiIconButton-label a {
align-items: center; align-items: center;
font-size: 3.5vw; font-size: 3.5vw;
color: white; color: black;
text-decoration: none; text-decoration: none;
margin-right: 5vw; margin-right: 5vw;
} }
@ -91,6 +99,7 @@ button {
height: 7.5vw; height: 7.5vw;
align-items: center; align-items: center;
font-size: 3.5vw; font-size: 3.5vw;
font-weight: bold;
} }
#snackDisruptInfo img { #snackDisruptInfo img {