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-04-01 03:07:25 +01:00
parent be959db125
commit 0d52bbd092
2 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Appbar.vue
View File

@@ -16,6 +16,11 @@
</router-link> </router-link>
</v-col> </v-col>
<v-col cols="4" class="d-flex justify-end align-self-center"> <v-col cols="4" class="d-flex justify-end align-self-center">
<router-link :to="{ name: 'Triangle'}" class="routerLink ma-0 pr-2">
<p class="mb-0 underline">
Triangle
</p>
</router-link>
<router-link :to="{ name: 'Login' }" class="routerLink ma-0 pr-2"> <router-link :to="{ name: 'Login' }" class="routerLink ma-0 pr-2">
<p class=" mb-0 underline"> <p class=" mb-0 underline">
Sign In Sign In

37
src/views/Triangle.vue
View File

@@ -1,19 +1,34 @@
<template> <template>
<v-container fluid class="pa-0"> <v-container fluid class="pa-0">
<v-row class="d-flex newtriangle" style="position: absolute;"> <v-row class="d-flex newtriangle" style="position: absolute; z-index: 1;">
<v-col class="d-flex align-center pt-0" style="position: relative;"> <v-col
<h1 class="display" style="position: relative;">Outside In</h1> class="d-flex align-center pt-0 ml-8"
style="position: relative; z-index: 10;"
>
<v-card flat color="rgb(0, 0, 0, 0)">
<h1 class="display" style="position: relative;">
Welcome to Savvy Firebox Tutorial
</h1>
<v-btn xlarge color="primary" style="position: relative; z-index: 10;"
>Click Here</v-btn
>
</v-card>
</v-col> </v-col>
</v-row> </v-row>
<v-row class="d-flex" style="position: relative; height: 50vh;"> </v-row> <v-row class="d-flex" style="position: relative; height: 50vh;"> </v-row>
<v-row class="d-flex" style="position: relative;"> <v-row class="d-flex justify-space-around" style="position: relative;">
<v-col class="d-flex"> <v-col class="d-flex justify-center" cols="4">
<h1 class="display">OutsideOutsides</h1> <div class="d-flex align-cetner justify-center">
<h1 class="d-flex justify-center display" style="color: black;">
More information
</h1>
<v-btn color="secondary" md>Info</v-btn>
</div>
</v-col> </v-col>
</v-row> <v-col class="d-flex justify-center" cols="4">
<v-row cols="12" class="d-flex"> <v-card flat color="rgb(0, 0, 0, 0)">
<v-col class="d-flex"> <h1 class="display" style="color: black;">Additional things</h1>
<h1 class="display">OutsideOutside</h1> </v-card>
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
@@ -25,7 +40,7 @@ export default {};
<style lang="scss" scoped> <style lang="scss" scoped>
.newtriangle { .newtriangle {
width: 100vw; width: 105vw;
height: 50vh; height: 50vh;
background-image: radial-gradient( background-image: radial-gradient(
circle farthest-corner at 7.5% 54.1%, circle farthest-corner at 7.5% 54.1%,