diff --git a/src/App.vue b/src/App.vue index 68d303a..66098ca 100644 --- a/src/App.vue +++ b/src/App.vue @@ -27,6 +27,5 @@ onMounted(() => { - diff --git a/src/styles/custom/_article.scss b/src/styles/custom/_article.scss index 0b5cd05..3a02c9b 100644 --- a/src/styles/custom/_article.scss +++ b/src/styles/custom/_article.scss @@ -11,6 +11,9 @@ article .table-auto table, table.table-auto { table { display: table; width: 100%; +} + +table.fixed { table-layout: fixed; } diff --git a/src/styles/custom/_global.scss b/src/styles/custom/_global.scss index 504cdfc..6bc43bb 100644 --- a/src/styles/custom/_global.scss +++ b/src/styles/custom/_global.scss @@ -12,10 +12,10 @@ } #sidebar { + padding:0.5rem; padding-top:1rem; padding-left:0.75rem; width:17rem; - position: fixed; height: calc(100vh - 3rem); overflow: scroll; h1 { @@ -30,8 +30,10 @@ #page { flex-grow:1; - padding-left:18rem; - padding-right: 18rem; + margin:auto; + margin-top:0; + max-width:1200px; + padding: 1rem; } #toc { diff --git a/src/styles/definitions/_fonts.scss b/src/styles/definitions/_fonts.scss index ef20258..190f563 100644 --- a/src/styles/definitions/_fonts.scss +++ b/src/styles/definitions/_fonts.scss @@ -1,12 +1,12 @@ // FONTS // Define how looks the text -$fontsize: 4.75mm; +$fontsize: 4.25mm; $fontweight_big: 300; $fontweight_base: 400; $fontweight_bold: 600; $fontweight_hyper: 800; -$basefont: Open Sans, sans-serif; -$titlefont: Open Sans, sans-serif; +$basefont: -apple-system, system-ui, sans-serif; +$titlefont: -apple-system, system-ui, sans-serif;