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

37
src/views/Triangle.vue
View File

@@ -1,19 +1,34 @@
<template>
<v-container fluid class="pa-0">
<v-row class="d-flex newtriangle" style="position: absolute;">
<v-col class="d-flex align-center pt-0" style="position: relative;">
<h1 class="display" style="position: relative;">Outside In</h1>
<v-row class="d-flex newtriangle" style="position: absolute; z-index: 1;">
<v-col
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-row>
<v-row class="d-flex" style="position: relative; height: 50vh;"> </v-row>
<v-row class="d-flex" style="position: relative;">
<v-col class="d-flex">
<h1 class="display">OutsideOutsides</h1>
<v-row class="d-flex justify-space-around" style="position: relative;">
<v-col class="d-flex justify-center" cols="4">
<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-row>
<v-row cols="12" class="d-flex">
<v-col class="d-flex">
<h1 class="display">OutsideOutside</h1>
<v-col class="d-flex justify-center" cols="4">
<v-card flat color="rgb(0, 0, 0, 0)">
<h1 class="display" style="color: black;">Additional things</h1>
</v-card>
</v-col>
</v-row>
</v-container>
@@ -25,7 +40,7 @@ export default {};
<style lang="scss" scoped>
.newtriangle {
width: 100vw;
width: 105vw;
height: 50vh;
background-image: radial-gradient(
circle farthest-corner at 7.5% 54.1%,