minor improvemts, changed colors
parent
b4817d968e
commit
9c3f3788c9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
|
|
@ -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';
|
||||
|
|
@ -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,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 {
|
||||
path: '/muscles',
|
||||
|
|
@ -8,6 +8,6 @@ export default {
|
|||
{ 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';
|
||||
Loading…
Reference in New Issue