forge-joniko/ldc-showroom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix RFS

Browse source
This commit is contained in:
Jérémy Munsch 2024-01-11 12:42:33 +01:00
parent fc4640c755
commit de50e7ea26
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/layout.scss
View file

@ -1,7 +1,13 @@
body {
@include font-size(2rem);
min-height: 100vh;
background-color: unset;
@include media-breakpoint-up(xxl) {
@include font-size(4rem);
}
.app-component {
display: flex;
height: 100vh;

11
components/layout/AppHeader.vue
View file

@ -1,7 +1,7 @@
<template>
<nav id="top-navbar" class="navbar navbar-expand-lg bg-body-tertiary shadow-sm">
<div class="container align-items-start">
<div class="container-fluid align-items-start">
<div class="navbar-brand mx-auto">
<NuxtLink
to="/"
@ -71,11 +71,16 @@ export default defineComponent({
@import "flag-icons/sass/flag-icons.scss";
</style>
<style lang="scss">
<style lang="scss" scoped>
@import "bootstrap/scss/vendor/rfs";
#top-navbar {
.main-logo {
max-height: 20rem;
@include rfs(30rem, max-height);
height: 20vh;
}
.fi {
@include rfs(8rem, line-height);
@include rfs(10rem, width);
}
}
</style>