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;
|
||||
margin: 1rem auto;
|
||||
padding: 0.5rem 1rem;
|
||||
background: grey;
|
||||
background: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,2 +1 @@
|
||||
export { default as NavigationModel } from './NavigationModel.vue';
|
||||
export { default as Nav } from './Nav.vue';
|
||||
export { default as NavigationModel } from './NavigationModel.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/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="/" 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>
|
||||
</nav>
|
||||
</template>
|
||||
@@ -31,7 +24,7 @@
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
justify-content: start;
|
||||
background: grey;
|
||||
background: rgb(36, 165, 75);
|
||||
}
|
||||
.navbar-nav{
|
||||
display: flex;
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
import { Legs, Back, Chest, Shoulder, Triceps, Biceps } from '@/views/muscles';
|
||||
import {Back, Biceps, Chest, Legs, Shoulder, Triceps } from "../views/muscles/Index.js";
|
||||
|
||||
export default {
|
||||
path: '/muscles',
|
||||
path: '/muscles',
|
||||
children: [
|
||||
{ path: 'legs', component: Legs },
|
||||
{ path: 'back', component: Back },
|
||||
{ path: 'chest', component: Chest },
|
||||
{ path: 'shoulder', component: Shoulder },
|
||||
{ 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