fixed images on landings

This commit is contained in:
Fedor Katurov 2022-11-10 14:25:54 +06:00
parent 1499203b21
commit 2265edf83a
2 changed files with 19 additions and 6 deletions

View file

@ -18,6 +18,17 @@
</p> </p>
<div :class="$style.buttons"> <div :class="$style.buttons">
<UiActionButton
href="https://github.com/muerwre"
target="_blank"
variant="primary"
>
Contact me
<template v-slot:suffix>
<IconsArrowRight width="22" height="22" fill="currentColor" />
</template>
</UiActionButton>
<UiActionButton <UiActionButton
href="https://github.com/muerwre" href="https://github.com/muerwre"
target="_blank" target="_blank"
@ -85,5 +96,9 @@
@include desktop { @include desktop {
margin-top: 20px; margin-top: 20px;
} }
& > * {
margin: 0 15px 15px 0;
}
} }
</style> </style>

View file

@ -56,10 +56,6 @@
@include desktop { @include desktop {
border-bottom: 2px solid var(--color-line); border-bottom: 2px solid var(--color-line);
justify-content: center; justify-content: center;
.desk {
max-width: 400px;
}
} }
} }
@ -69,7 +65,7 @@
margin: 0.8rem 0; margin: 0.8rem 0;
@include phone { @include phone {
font-size: 2.5rem; font-size: 2.2rem;
line-height: 3rem; line-height: 3rem;
} }
} }
@ -92,12 +88,14 @@
@include tablet { @include tablet {
text-align: center; text-align: center;
width: 100%;
max-width: 100%;
padding-top: 0; padding-top: 0;
padding-bottom: 40px; padding-bottom: 40px;
} }
} }
.desk { .desk {
max-width: 100%; max-width: 80vw;
@include desktop { @include desktop {
max-height: 50vh; max-height: 50vh;