Yeti
/
gym
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

fix: Removed unused Styles + added container

fix_layout
Flycro 2023-04-29 12:34:58 +02:00
parent b9b6d58396
commit c25b95a80e
1 changed files with 11 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/App.vue
View File

@ -1,5 +1,5 @@
<script setup> <script setup>
import { NavigationModel, Nav } from '@/components'; import { NavigationModel, Nav } from "./components/Index.js";
</script> </script>
@ -7,7 +7,7 @@ import { NavigationModel, Nav } from '@/components';
<div class="app-container"> <div class="app-container">
<NavigationModel /> <NavigationModel />
<!-- <Nav /> --> <!-- <Nav /> -->
<div class="container pt-4 pb-4"> <div class="container">
<router-view /> <router-view />
</div> </div>
</div> </div>
@ -15,57 +15,15 @@ import { NavigationModel, Nav } from '@/components';
<style scoped lang="scss"> <style scoped lang="scss">
@import '/css/head.scss'; .app-container
header { {
line-height: 1.5; width: 100%;
max-height: 100vh;
} }
.container{
nav { max-width: 1024px;
width: 100%; margin: 1rem auto;
font-size: 12px; padding: 0.5rem 1rem;
text-align: center; background: grey;
margin-top: 2rem;
}
nav a.router-link-exact-active {
color: var(--color-text);
}
nav a.router-link-exact-active:hover {
background-color: transparent;
}
nav a {
display: inline-block;
padding: 0 1rem;
border-left: 1px solid var(--color-border);
}
nav a:first-of-type {
border: 0;
}
@media (min-width: 1024px) {
header {
display: flex;
place-items: top;
padding-right: calc(var(--section-gap));
}
header .wrapper {
display: flex;
place-items: flex-start;
flex-wrap: wrap;
}
nav {
text-align: center;
margin-left: 2rem;
font-size: 1rem;
padding: 1rem 0;
margin-top: 1rem;
}
} }
</style> </style>