closer look to the original
This commit is contained in:
parent
271807f600
commit
3ac576e9f8
@ -198,7 +198,7 @@ function shake() {
|
|||||||
grid-gap: 5px;
|
grid-gap: 5px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
--height: min(420px, calc(var(--vh, 100vh) - 320px));
|
--height: min(420px, calc(var(--vh, 100vh) - 310px));
|
||||||
height: var(--height);
|
height: var(--height);
|
||||||
width: min(350px, calc(var(--height) / 6 * 5));
|
width: min(350px, calc(var(--height) / 6 * 5));
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
@ -208,12 +208,13 @@ function shake() {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
top: 80px;
|
top: 80px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: rgba(0, 0, 0, 0.85);
|
background-color: black;
|
||||||
padding: 16px 20px;
|
padding: 16px 20px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
border-radius: 8px;
|
border-radius: 4px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
transition: opacity 0.3s ease-out;
|
transition: opacity 0.3s ease-out;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.message.v-leave-to {
|
.message.v-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -6,7 +6,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 10px 0;
|
margin: 4px 0;
|
||||||
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user