studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Use btn for Retour au projet link and arrow-left icon

Browse source
This commit is contained in:
Timothée Goguely 2024-10-16 15:29:45 +02:00
parent 32c9b9ee64
commit a29d0ed25e
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/src/3.utilities.icons.css
View file

@ -23,6 +23,7 @@
--icon-upload: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.714 15v1.429a2.857 2.857 0 0 0 2.857 2.857H16.43a2.857 2.857 0 0 0 2.857-2.857V15M5.714 5.714l4.286-5m0 0 4.286 5M10 .714v12.857' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
--icon-description: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.714294 1.42856H19.2857M0.714294 5.71427H15M0.714294 9.99999H10.7143M0.714294 18.5714H19.2857M0.714294 14.2857H15' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-delete: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4287 7.85722L15.0001 19.2858H5.00014L3.57157 7.85722M1.42871 5.00008H18.5716M6.37157 4.58579V2.11436C6.37157 1.73548 6.52208 1.37212 6.78999 1.10421C7.0579 0.836301 7.42126 0.685791 7.80014 0.685791H12.0859C12.4647 0.685791 12.8281 0.836301 13.096 1.10421C13.3639 1.37212 13.5144 1.73548 13.5144 2.11436V4.97151' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-arrow-left: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.125 10H1.875M1.875 10L6.25 5.625M1.875 10L6.25 14.375' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
[data-icon] {
@ -86,3 +87,6 @@
[data-icon="delete"] {
--icon: var(--icon-delete)
}
[data-icon="arrow-left"] {
--icon: var(--icon-arrow-left)
}

8
src/views/ClientBrief.vue
View file

@ -1,8 +1,8 @@
<template>
<main class="flex flex-col items-stretch | w-full">
<header class="flex | bg-white | rounded-2xl | p-8 mb-16">
<router-link :to="'/' + page.parent">
<h1 class="font-serif | px-8">Retour au projet</h1>
<main class="flex flex-col items-stretch | w-full" style="--row-gap: 2rem">
<header class="flex | bg-white | rounded-2xl | p-8">
<router-link :to="'/' + page.parent" class="btn btn--white" data-icon="arrow-left">
<span>Retour au projet</span>
</router-link>
<button class="btn | ml-auto">Valider et envoyer le brief</button>
</header>