jdr-et-univers/pelican-jdr
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases 5 Activity

improvement: correction layout

Browse source
This commit is contained in:
Kazhnuz 2023-02-04 10:07:31 +01:00
parent d8ba1895fd
commit 85dcd63d45
3 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/layout/TopBar.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<header class="bg-primary" id="topbar"> <header class="bg-primary" id="topbar">
<div class="menu toolbar container fg-light d-block d-flex-sm"> <div class="menu toolbar fg-light d-block d-flex-sm">
<ul> <ul>
<li><router-link to="/" class="menu-item">Home</router-link></li> <li><router-link to="/" class="menu-item">Home</router-link></li>
<li><router-link to="/about" class="menu-item">About</router-link></li> <li><router-link to="/about" class="menu-item">About</router-link></li>

13
src/styles/custom/_global.scss
View file

@ -1,25 +1,36 @@
#topbar { #topbar {
position:fixed; position:fixed;
width:100%; width:100%;
z-index:2;
font-size: 0.85rem;
} }
#wrapper { #wrapper {
padding-top:3rem; padding-top:3rem;
display:flex; display:flex;
height:100vh; min-height:100vh;
} }
#sidebar { #sidebar {
padding-top:1rem; padding-top:1rem;
padding-left:0.75rem;
width:18rem; width:18rem;
position: fixed;
height: calc(100vh - 3rem);
overflow: scroll;
h1 { h1 {
text-align:center; text-align:center;
padding-bottom:.5rem; padding-bottom:.5rem;
} }
.menu-item {
margin:3px;
}
font-size:0.85rem;
} }
#page { #page {
flex-grow:1; flex-grow:1;
padding-left:18rem;
} }
#content { #content {

2
src/styles/definitions/_fonts.scss
View file

@ -1,7 +1,7 @@
// FONTS // FONTS
// Define how looks the text // Define how looks the text
$fontsize: 4.5mm; $fontsize: 4.75mm;
$fontweight_big: 300; $fontweight_big: 300;
$fontweight_base: 400; $fontweight_base: 400;