kamilniemczycki/kamilcraft.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Update style for About section

Browse Source
This commit is contained in:
Kamil Niemczycki 2021-08-25 11:48:32 +02:00
parent b6190e63bb
commit 0160dabf6a
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/sections/About.vue
View File

@ -7,8 +7,13 @@
<div class="tagline">Web Developer</div> <div class="tagline">Web Developer</div>
<p>I'm a software engineer specialised in frontend and backend development for complex scalable web apps. I write about software development on my blog. Want to know how I may help your project? Check out my project portfolio and online resume.</p> <p>I'm a software engineer specialised in frontend and backend development for complex scalable web apps. I write about software development on my blog. Want to know how I may help your project? Check out my project portfolio and online resume.</p>
<div class="buttons"> <div class="buttons">
<base-btn has-icon icon="portrait" is-reverse>Wyświetl portfolio</base-btn> <base-btn has-icon
<base-btn has-icon icon="user">Więcej o mnie</base-btn> icon="portrait"
is-reverse
@click.native="$router.push('projects')">Wybrane projekty</base-btn>
<base-btn has-icon
icon="user"
@click.native="$router.push('about')">Więcej o mnie</base-btn>
</div> </div>
</div> </div>
<div id="grid-photo"> <div id="grid-photo">
@ -51,7 +56,7 @@ div.about {
.btn { .btn {
margin-right: 20px; margin-right: 20px;
&:last-child { &:last-of-type {
margin-right: 0; margin-right: 0;
} }
} }
@ -79,7 +84,8 @@ div.about {
} }
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
.buttons .btn { .buttons .btn,
.buttons a {
min-width: unset; min-width: unset;
width: 100%; width: 100%;
} }