mirror of
https://github.com/muerwre/muerwre.github.io.git
synced 2025-04-25 02:46:39 +07:00
made mobile layout for bio
This commit is contained in:
parent
a8dd169087
commit
1499203b21
8 changed files with 145 additions and 48 deletions
|
@ -12,12 +12,8 @@
|
|||
</p>
|
||||
|
||||
<div :class="$style.buttons">
|
||||
<UiActionButton
|
||||
href="https://github.com/muerwre"
|
||||
target="_blank"
|
||||
variant="outline"
|
||||
>
|
||||
Visit my Github
|
||||
<UiActionButton href="/bio" variant="outline">
|
||||
Read about me
|
||||
<template v-slot:suffix>
|
||||
<IconsArrowRight width="22" height="22" fill="currentColor" />
|
||||
</template>
|
||||
|
@ -46,7 +42,6 @@
|
|||
border-bottom: 2px solid var(--color-line);
|
||||
|
||||
@include desktop {
|
||||
// grid-template-columns: 1fr 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
column-gap: 20px;
|
||||
|
@ -102,10 +97,18 @@
|
|||
}
|
||||
}
|
||||
.desk {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
@include desktop {
|
||||
max-height: 50vh;
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
margin-top: 50px;
|
||||
margin-top: 40px;
|
||||
|
||||
@include desktop {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue