moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

improve projects page

Browse source
This commit is contained in:
Moritz Ruth 2019-03-10 18:29:09 +01:00
parent fa14506eaa
commit 2d8318633c
5 changed files with 102 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

52
layouts/secondLevel.vue
View file

@ -1,6 +1,8 @@
<template>
<div id="layout">
<nuxt-link class="button" to="/"></nuxt-link>
<div class="top-bar">
<nuxt-link class="button" to="/">Back</nuxt-link>
</div>
<div class="content">
<nuxt/>
</div>
@ -19,37 +21,47 @@
@import "~@/assets/_mixins";
#layout {
.button {
&::before {
content: "";
display: inline-block;
margin-right: -5px;
@include arrow(12px, -90deg, white);
.top-bar {
@include mobile {
background-color: darken($c-background, 1);
width: 100%;
position: sticky;
top: 0;
right: 0;
}
&:hover {
&::before {
border-color: $c-background;
.button {
@include mobile {
margin: 10px 10px;
}
}
position: fixed;
top: 10px;
left: 10px;
@include desktop {
position: fixed;
top: 40px;
left: 40px;
}
@include desktop {
position: fixed;
top: 5vh;
left: 10vw;
&::before {
content: "";
display: inline-block;
margin-right: 5px;
@include arrow(12px, -90deg, white);
}
&:hover {
&::before {
border-color: $c-background;
}
}
}
}
.content {
width: 100%;
padding: 65px 10px 0;
padding: 0 10px;
@include desktop {
width: 50%;
width: 70vw;
margin: 0 auto;
padding-top: 20px;
}