💄 (fonts) add fonts

This commit is contained in:
Julien Calixte
2023-07-18 21:41:09 +02:00
parent 2a8e9c8b63
commit de0f592c46
4 changed files with 31 additions and 26 deletions

View File

@@ -44,7 +44,7 @@ const close = async () => {
bottom: 0; bottom: 0;
margin: 1rem; margin: 1rem;
padding: 0.5rem; padding: 0.5rem;
width: 200px; width: 220px;
color: var(--primary-color); color: var(--primary-color);
border: var(--primary-color) 2px solid; border: var(--primary-color) 2px solid;
border-radius: 4px; border-radius: 4px;

View File

@@ -1,5 +1,4 @@
<script lang="ts" setup> <script lang="ts" setup>
const GITHUB_URL = 'https://github.com/login/oauth/authorize' const GITHUB_URL = 'https://github.com/login/oauth/authorize'
const CLIENT_ID = 'Iv1.12dc43d013ce3623' const CLIENT_ID = 'Iv1.12dc43d013ce3623'

View File

@@ -12,7 +12,9 @@ export const useImages = (sha: string) => {
() => store.files.find((file) => file.sha === sha)?.path () => store.files.find((file) => file.sha === sha)?.path
) )
watch(currentFilePath, (filePath) => { watch(
currentFilePath,
(filePath) => {
if (!filePath) { if (!filePath) {
return return
} }
@@ -30,7 +32,9 @@ export const useImages = (sha: string) => {
image.getAttribute('src') ?? '' image.getAttribute('src') ?? ''
) )
const imageFile = store.files.find((file) => file.path === imageFilePath) const imageFile = store.files.find(
(file) => file.path === imageFilePath
)
if (!imageFile?.sha) { if (!imageFile?.sha) {
return return
@@ -40,5 +44,7 @@ export const useImages = (sha: string) => {
const fileContent = await getCachedFileContent() const fileContent = await getCachedFileContent()
image.setAttribute('src', `${SRC_PREFIX} ${fileContent}`) image.setAttribute('src', `${SRC_PREFIX} ${fileContent}`)
}) })
}) },
{ immediate: true }
)
} }

View File

@@ -1,5 +1,5 @@
@charset "utf-8"; @charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Courgette&family=IBM+Plex+Serif&family=Kiwi+Maru&family=Maven+Pro&family=Noto+Sans+KR&family=Tajawal&family=Domine&family=Amiri&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Courgette&family=IBM+Plex+Serif&family=Kiwi+Maru&family=Maven+Pro&family=Noto+Sans+KR&family=Tajawal&family=Domine&family=Amiri&display=swap&family=Montagu+Slab&family=Gowun+Batang&family=Cormorant+Garamond&family=forum');
/** /**
font-family: 'Courgette', cursive; font-family: 'Courgette', cursive;