remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: change to good svg!

Browse Source
This commit is contained in:
Julien Calixte
2024-12-24 00:28:00 +01:00
parent f5815077fc
commit 9e875af78e
25 changed files with 275 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/FleetingNotes.vue
View File

@@ -81,7 +81,25 @@ watch(mode, async (newMode) => {
<div class="columns">
<div class="column is-half">
<button class="btn btn-outline" @click="toggleMode">
<img src="/assets/saved.svg" alt="save" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-device-floppy fill-current"
width="28"
height="28"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path
d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
/>
<circle cx="12" cy="14" r="2" />
<polyline points="14 4 14 8 8 8 8 4" />
</svg>
</button>
</div>
</div>

36
src/views/SpaceCowboy.vue
View File

@@ -1,9 +1,41 @@
<template>
<main class="space-cowboy content">
<p>
<img src="/assets/alert.svg" alt="alert" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-alert-circle"
width="52"
height="52"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="12" cy="12" r="9" />
<line x1="12" y1="8" x2="12" y2="12" />
<line x1="12" y1="16" x2="12.01" y2="16" />
</svg>
Oops, you've been lost!
<img src="/assets/alert.svg" alt="alert" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-alert-circle"
width="52"
height="52"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="12" cy="12" r="9" />
<line x1="12" y1="8" x2="12" y2="12" />
<line x1="12" y1="16" x2="12.01" y2="16" />
</svg>
</p>
<p>A note link can't be used as URL.</p>
<router-link class="button is-links" :to="{ name: 'Home' }"