diff --git a/components.d.ts b/components.d.ts index cfa0972..d3a10f7 100644 --- a/components.d.ts +++ b/components.d.ts @@ -1,8 +1,11 @@ // generated by unplugin-vue-components // We suggest you to commit this file into source control -// Read more: https://github.com/vuejs/vue-next/pull/3399 +// Read more: https://github.com/vuejs/core/pull/3399 +import '@vue/runtime-core' -declare module 'vue' { +export {} + +declare module '@vue/runtime-core' { export interface GlobalComponents { AboutMe: typeof import('./src/components/presentation/about-me.vue')['default'] AppHeader: typeof import('./src/components/app-header.vue')['default'] @@ -13,8 +16,8 @@ declare module 'vue' { MyBooks: typeof import('./src/components/presentation/my-books.vue')['default'] MyProjects: typeof import('./src/components/presentation/my-projects.vue')['default'] ProductionFlow: typeof import('./src/components/flow/ProductionFlow.vue')['default'] + RouterLink: typeof import('vue-router')['RouterLink'] + RouterView: typeof import('vue-router')['RouterView'] Welcome: typeof import('./src/components/Welcome.vue')['default'] } } - -export { } diff --git a/src/assets/base.scss b/src/assets/base.scss index 55f7ee0..ca4fbfa 100644 --- a/src/assets/base.scss +++ b/src/assets/base.scss @@ -36,6 +36,8 @@ --section-gap: 160px; --primary: hsl(229, 90%, 28%); + + --code-font-family: "Cousine", monospace; } @media (prefers-color-scheme: dark) { @@ -66,7 +68,7 @@ body { color: var(--color-text); background: var(--color-background); transition: color 0.5s, background-color 0.5s; - line-height: 1.6; + line-height: 1.3; font-family: "Gulzar", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, serif; font-size: 22px; @@ -104,3 +106,7 @@ h2 { strong { font-weight: bold; } + +code { + font-family: var(--code-font-family); +} diff --git a/src/components/architecture/crc-card.vue b/src/components/architecture/crc-card.vue index ad3084d..08e965d 100644 --- a/src/components/architecture/crc-card.vue +++ b/src/components/architecture/crc-card.vue @@ -42,7 +42,7 @@ withDefaults(defineProps(), { padding: 1rem; margin: 1rem 0; border-radius: 15px; - font-family: 'Cousine', monospace; + font-family: var(--code-font-family); hr { margin-bottom: 1rem; diff --git a/src/layouts/post.vue b/src/layouts/post.vue index 6960120..40c95b4 100644 --- a/src/layouts/post.vue +++ b/src/layouts/post.vue @@ -20,7 +20,7 @@ const { frontmatter } = usePage() } article#main-article { - max-width: 680px; + max-width: 740px; margin: auto; padding: 1rem; text-align: justify; @@ -40,6 +40,10 @@ h7 { margin-bottom: 0.5rem; } +p { + margin-bottom: 1rem; +} + img { width: 100%; max-height: 40vh;