mirror of
https://github.com/ruisaraiva19/favycon.git
synced 2026-09-14 11:06:21 +05:00
20f009e848
* feat: wip - responsive version * chore(config): update eslint config * fix: align drop zone footer * fix: add prop for immutable colors * fix: container width issue on tablet * chore: change class name convention * chore: add missing error styles on mobile * style(viewport): add 100vh fix for safari * style: update bottom info padding on mobile * perf: remove getInitialProps function and dependencies * chore(deps): update sharp to v0.25.0 * chore: delete unused hook * docs: add @miguellteixeira as a contributor * test(cypress): update page load wait * feat(responsive): update code modal for mobile * feat(responsive): update background images and light/dark toggle color * feat(responsive): add about us modal on mobile * feat(responsive): update sharable image Co-authored-by: Miguel Teixeira <teixeira.silva.miguel@gmail.com>
52 lines
775 B
SCSS
52 lines
775 B
SCSS
@import '../../styles/variables.scss';
|
|
|
|
.error {
|
|
position: absolute;
|
|
top: 26px;
|
|
right: 72px;
|
|
z-index: 10;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 6px 13px 6px 16px;
|
|
background: $red;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 4px rgba($black, 0.12);
|
|
|
|
@include breakpoint-md {
|
|
top: 13px;
|
|
right: 12px;
|
|
left: 12px;
|
|
justify-content: center;
|
|
max-width: 400px;
|
|
margin: auto;
|
|
}
|
|
|
|
.content {
|
|
@include breakpoint-md {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
svg {
|
|
margin-left: 13px;
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
stroke-dasharray: 44 44;
|
|
stroke-dashoffset: 0;
|
|
stroke-width: 2px;
|
|
transform: rotate(-90deg);
|
|
transform-origin: center;
|
|
animation: progress 5s linear 0.3s forwards;
|
|
}
|
|
|
|
@keyframes progress {
|
|
0% {
|
|
stroke-dashoffset: 0;
|
|
}
|
|
100% {
|
|
stroke-dashoffset: 44;
|
|
}
|
|
}
|