Oliver Bath oliverbth05
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| new Vue({ | |
| el:"#app", | |
| data: { | |
| navDrawer: false | |
| }, | |
| methods: { | |
| showDrawer: function(){ | |
| this.navDrawer = !this.navDrawer; | |
| }, | |
| dismissDrawer: function(){ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *{ | |
| padding: 0; | |
| margin: 0; | |
| font-family: 'Lato', sans-serif; | |
| } | |
| /* The sidebar menu */ | |
| .sidenav { | |
| height: 100%; /* Full-height: remove this if you want "auto" height */ | |
| width: 150px; /* Set the width of the sidebar */ | |
| position: fixed; /* Fixed Sidebar (stay in place on scroll) */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| new Vue({ | |
| el: "#app", | |
| data: { | |
| entries: [], | |
| amount :"", | |
| date :"", | |
| input2: "", | |
| setBudget: 400 | |
| }, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> | |
| </head> | |
| <body> | |
| <div id = "app"> | |
| <canvas id = "lineChart"></canvas> | |
| <div> |
oliverbth05
/ app.css
Last active
September 9, 2022 20:39
Vuetify Responsive Toolbar with Navigation Drawer
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #drawer{ | |
| background: rgba(240, 240, 240, 1); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| new Vue({ | |
| el: "#app", | |
| data: { | |
| entries: [], | |
| amount :"", | |
| date :"", | |
| byDate: true | |
| }, | |
| methods: { | |
| submit: function(){ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #table { | |
| width: 400px; | |
| margin: auto; | |
| text-align: center; | |
| } | |
| #inputForm{ | |
| width: 400px; | |
| margin: auto; | |
| margin-top: 50px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #app{ | |
| margin: auto; | |
| width: 40%; | |
| text-align: center; | |
| border: 1px solid grey; | |
| padding: 10px; | |
| margin-top: 50px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .card{ | |
| width: 300px; | |
| margin: 10px; | |
| border-radius: 8px; | |
| } | |
| .card_header{ | |
| text-align: center; | |
| width: 100%; | |
| background: rgb(200, 200, 260); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #text-align-center{ | |
| text-align: center; | |
| } | |
| #width170{ | |
| width: 170px; | |
| } | |
| #width70{ | |
| width: 70px; |