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

77
src/components/HeaderNote.vue
View File

@@ -4,26 +4,95 @@
:to="{ name: 'Home' }"
class="button is-small is-white back-button"
>
<img src="/assets/dark-left-arrow.svg" alt="go back left arrow" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-arrow-narrow-left"
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" />
<line x1="5" y1="12" x2="19" y2="12" />
<line x1="5" y1="12" x2="9" y2="16" />
<line x1="5" y1="12" x2="9" y2="8" />
</svg>
</router-link>
<theme-swap />
<router-link
class="special-folder"
:to="{ name: 'SpacedRepetitionCard', params: { user, repo } }"
>
<img src="/assets/card.svg" alt="card" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-id"
width="36"
height="36"
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" />
<rect x="3" y="4" width="18" height="16" rx="3" />
<circle cx="9" cy="10" r="2" />
<line x1="15" y1="8" x2="17" y2="8" />
<line x1="15" y1="12" x2="17" y2="12" />
<line x1="7" y1="16" x2="17" y2="16" />
</svg>
</router-link>
<router-link
class="special-folder"
:to="{ name: 'DraftNotes', params: { user, repo } }"
>
<img src="/assets/draft.svg" alt="card" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-notes"
width="36"
height="36"
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" />
<rect x="5" y="3" width="14" height="18" rx="2" />
<line x1="9" y1="7" x2="15" y2="7" />
<line x1="9" y1="11" x2="15" y2="11" />
<line x1="9" y1="15" x2="13" y2="15" />
</svg>
</router-link>
<router-link
class="special-folder"
:to="{ name: 'FleetingNotes', params: { user, repo } }"
>
<img src="/assets/mailbox.svg" alt="card" />
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-mailbox"
width="36"
height="36"
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="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5"
/>
<path d="M12 11v-8h4l2 2l-2 2h-4" />
<path d="M6 15h1" />
</svg>
</router-link>
</header>
</template>