mirror of
https://github.com/KevinMidboe/seasoned.git
synced 2026-03-11 11:55:38 +00:00
Feat: vite & upgraded dependencies (#100)
* On every route change, update local variables from query params * ResultSection is keyed to query to force re-render * Resolved lint warnings * replace webpack w/ vite * update all imports with alias @ and scss * vite environment variables, also typed * upgraded eslint, defined new rules & added ignore comments * resolved linting issues * moved index.html to project root * updated dockerfile w/ build stage before runtime image definition * sign drone config
This commit is contained in:
11
src/App.vue
11
src/App.vue
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<div id="content">
|
||||
<!-- Header and hamburger navigation -->
|
||||
<NavigationHeader class="header" />
|
||||
|
||||
@@ -28,13 +28,13 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "src/scss/main";
|
||||
@import "src/scss/media-queries";
|
||||
@import "scss/main";
|
||||
@import "scss/media-queries";
|
||||
|
||||
#app {
|
||||
#content {
|
||||
display: grid;
|
||||
grid-template-rows: var(--header-size);
|
||||
grid-template-columns: var(--header-size) 1fr;
|
||||
grid-template-columns: var(--header-size) 100%;
|
||||
|
||||
@include mobile {
|
||||
grid-template-columns: 1fr;
|
||||
@@ -58,6 +58,7 @@
|
||||
|
||||
.content {
|
||||
display: grid;
|
||||
width: calc(100% - var(--header-size));
|
||||
grid-column: 2 / 3;
|
||||
grid-row: 2;
|
||||
z-index: 5;
|
||||
|
||||
Reference in New Issue
Block a user