web-development/savvy-firebase
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adding latest

Browse Source
This commit is contained in:
dtomlinson
2020-03-27 01:35:28 +00:00
parent dfd489480e
commit 2fb62006b7
5 changed files with 137 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Appbar.vue
View File

@@ -24,18 +24,22 @@
>
<v-row>
<v-spacer></v-spacer>
<v-col cols="4" class="d-flex justify-start">
<v-col cols="4" class="d-flex justify-start align-content-center">
<router-link :to="{ name: 'Home' }" class="routerLink">
<v-toolbar-title class="title">
<p class="mb-0 underline">Savvy Firebase Tutorial</p>
<p class="mb-0">Savvy Firebase Tutorial</p>
</v-toolbar-title>
</router-link>
</v-col>
<v-col cols="4" class="d-flex justify-end align-self-center">
<router-link :to="{ name: 'Login' }" class="routerLink">
<p class="mr-3 mb-0 underline">Sign In</p>
<router-link :to="{ name: 'Login' }" class="routerLink ma-0 pr-2">
<p class=" mb-0 underline">
Sign In
</p>
</router-link>
<router-link :to="{ name: 'Login' }" class="routerLink ma-0">
<p class="mb-0 underline">Register</p>
</router-link>
<p class="mb-0 underline">Register</p>
</v-col>
<v-spacer></v-spacer>
</v-row>
@@ -67,7 +71,7 @@ export default {
left: 0;
right: 0;
transform: scaleX(0);
transition: transform 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
transition: transform 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 50ms;
}
.underline:hover::after {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);