minor improvemts, changed colors
This commit is contained in:
File diff suppressed because one or more lines are too long
2
dist/assets/index-c13a2228.js
vendored
2
dist/assets/index-c13a2228.js
vendored
File diff suppressed because one or more lines are too long
BIN
dist/gymTrackerLogo.png
vendored
Normal file
BIN
dist/gymTrackerLogo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
2
dist/index.html
vendored
2
dist/index.html
vendored
@@ -1 +1 @@
|
|||||||
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hello_World_Vue 01</title><script type="module" crossorigin src="./assets/index-c13a2228.js"></script></head><body><div id="app"></div></body></html>
|
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hello_World_Vue 01</title><script type="module" crossorigin src="./assets/index-38fc06d6.js"></script></head><body><div id="app"></div></body></html>
|
||||||
@@ -25,6 +25,6 @@ import { NavigationModel } from "./components/Index.js";
|
|||||||
max-width: 1024px;
|
max-width: 1024px;
|
||||||
margin: 1rem auto;
|
margin: 1rem auto;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
background: grey;
|
background: black;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,2 +1 @@
|
|||||||
export { default as NavigationModel } from './NavigationModel.vue';
|
export { default as NavigationModel } from './NavigationModel.vue';
|
||||||
export { default as Nav } from './Nav.vue';
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
<script setup>
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<nav v-show="true" class="navbar navbar-expand navbar-dark bg-dark">
|
|
||||||
<div class="navbar-nav">
|
|
||||||
<router-link to="/" class="nav-item nav-link">Home</router-link>
|
|
||||||
<router-link to="/users" class="nav-item nav-link">Users</router-link>
|
|
||||||
<button @click="authStore.logout()" class="btn btn-link nav-item nav-link">Logout</button>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</template>
|
|
||||||
@@ -11,13 +11,6 @@
|
|||||||
<router-link to="/Muscles/Shoulder" class="nav-item nav-link">Shoulder</router-link>
|
<router-link to="/Muscles/Shoulder" class="nav-item nav-link">Shoulder</router-link>
|
||||||
<router-link to="/Muscles/Triceps" class="nav-item nav-link">Triceps</router-link>
|
<router-link to="/Muscles/Triceps" class="nav-item nav-link">Triceps</router-link>
|
||||||
<router-link to="/Muscles/Bicepts" class="nav-item nav-link">Bicepts</router-link>
|
<router-link to="/Muscles/Bicepts" class="nav-item nav-link">Bicepts</router-link>
|
||||||
<router-link to="/" class="nav-item nav-link">HomeView</router-link>
|
|
||||||
<router-link to="/muscles/legs" class="nav-item nav-link">Legs</router-link>
|
|
||||||
<router-link to="/muscles/back" class="nav-item nav-link">Back</router-link>
|
|
||||||
<router-link to="/muscles/chest" class="nav-item nav-link">Chest</router-link>
|
|
||||||
<router-link to="/muscles/shoulder" class="nav-item nav-link">Shoulder</router-link>
|
|
||||||
<router-link to="/muscles/triceps" class="nav-item nav-link">Triceps</router-link>
|
|
||||||
<router-link to="/muscles/biceps" class="nav-item nav-link">Biceps</router-link>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</template>
|
</template>
|
||||||
@@ -31,7 +24,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
background: grey;
|
background: rgb(36, 165, 75);
|
||||||
}
|
}
|
||||||
.navbar-nav{
|
.navbar-nav{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { Legs, Back, Chest, Shoulder, Triceps, Biceps } from '@/views/muscles';
|
import {Back, Biceps, Chest, Legs, Shoulder, Triceps } from "../views/muscles/Index.js";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
path: '/muscles',
|
path: '/muscles',
|
||||||
@@ -8,6 +8,6 @@ export default {
|
|||||||
{ path: 'chest', component: Chest },
|
{ path: 'chest', component: Chest },
|
||||||
{ path: 'shoulder', component: Shoulder },
|
{ path: 'shoulder', component: Shoulder },
|
||||||
{ path: 'triceps', component: Triceps },
|
{ path: 'triceps', component: Triceps },
|
||||||
{ path: 'bicepts', component: Biceps },
|
{ path: 'biceps', component: Biceps },
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,18 +0,0 @@
|
|||||||
<template>
|
|
||||||
|
|
||||||
<div class="wrapper">
|
|
||||||
<nav>
|
|
||||||
<RouterLink to="/home">Home</RouterLink>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
.about {
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export {default as Tilebar} from './Tilebar.vue';
|
|
||||||
Reference in New Issue
Block a user