adminbruno
/
docuseal
mirror of https://github.com/docusealco/docuseal
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add logo

Browse Source
pull/105/head
Alex Turchyn 2 years ago
parent 97a712d888
commit 8b760281d2
5 changed files with 170 additions and 11 deletions
Show Stats Download Patch File Download Diff File

17
app/javascript/template_builder/builder.vue
Unescape View File

@ -4,11 +4,16 @@
class="mx-auto px-4"
>
<div class="flex justify-between py-1.5 items-center">
<Contenteditable
:model-value="template.name"
class="text-3xl focus:text-clip"
@update:model-value="updateName"
/>
<div class="flex space-x-3">
<a href="/">
<Logo />
</a>
<Contenteditable
:model-value="template.name"
class="text-3xl font-semibold focus:text-clip"
@update:model-value="updateName"
/>
</div>
<div class="space-x-3 flex items-center">
<a
:href="`/templates/${template.id}/submissions`"
@ -105,6 +110,7 @@
import Upload from './upload'
import Fields from './fields'
import Document from './document'
import Logo from './logo'
import Contenteditable from './contenteditable'
import DocumentPreview from './preview'
import { IconUsersPlus, IconDeviceFloppy } from '@tabler/icons-vue'
@ -115,6 +121,7 @@ export default {
Upload,
Document,
Fields,
Logo,
DocumentPreview,
Contenteditable,
IconUsersPlus,

113
app/javascript/template_builder/logo.vue
Unescape View File

@ -0,0 +1,113 @@
<template>
<svg
height="40px"
width="40px"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 511.998 511.998"
xml:space="preserve"
>
<path
style="fill:#C8AF9B;"
d="M503.999,247.999c0,128.13-111.033,240-248,240S8,376.129,8,247.999s111.033-224,248-224
S503.999,119.869,503.999,247.999z"
/>
<path
style="fill:#AA968C;"
d="M255.999,23.999C119.033,23.999,8,119.868,8,247.999c0,24.631,4.138,48.647,11.74,71.397
c25.518,34.29,66.232,56.602,112.26,56.602c53.893,0,100.6-30.495,124-75.13c23.4,44.636,70.107,75.13,124,75.13
c46.028,0,86.743-22.312,112.26-56.602c7.602-22.75,11.74-46.767,11.74-71.397C503.999,119.868,392.966,23.999,255.999,23.999z"
/>
<g>
<ellipse
transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 56.4014 451.8172)"
style="fill:#8C7873;"
cx="121.775"
cy="214.227"
rx="55.999"
ry="67.881"
/>
<ellipse
transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 817.6443 89.7714)"
style="fill:#8C7873;"
cx="390.23"
cy="214.225"
rx="55.999"
ry="67.881"
/>
</g>
<circle
style="fill:#C8AF9B;"
cx="256"
cy="351.999"
r="136"
/>
<g>
<circle
style="fill:#464655;"
cx="132"
cy="203.999"
r="28"
/>
<circle
style="fill:#464655;"
cx="380"
cy="203.999"
r="28"
/>
<path
style="fill:#464655;"
d="M269.949,284.516c-7.672,10.741-20.227,10.741-27.899,0l-12.101-16.941
c-7.672-10.741-3.15-19.53,10.05-19.53h32c13.2,0,17.723,8.788,10.05,19.53L269.949,284.516z"
/>
</g>
<path
style="fill:#AA968C;"
d="M350.153,399.998c-34,0-51.436-48-94.154-48s-60.154,48-94.154,48
c-15.255,0-28.793-5.851-39.787-25.2c10.867,64.232,66.616,113.2,133.94,113.2s123.074-48.968,133.94-113.2
C378.946,394.148,365.408,399.998,350.153,399.998z"
/>
<g>
<path
style="fill:#8C7873;"
d="M32,423.998c-3.172,0-6.18-1.906-7.43-5.031c-1.641-4.105,0.359-8.758,4.461-10.402l160.008-64
c4.062-1.617,8.758,0.352,10.398,4.457s-0.359,8.758-4.461,10.402l-160.008,64C34,423.811,32.992,423.998,32,423.998z"
/>
<path
style="fill:#8C7873;"
d="M15.992,375.995c-3.547,0-6.781-2.375-7.727-5.965c-1.125-4.273,1.422-8.648,5.695-9.773l152-40
c4.289-1.121,8.648,1.426,9.773,5.703c1.125,4.273-1.422,8.648-5.695,9.773l-152,40C17.351,375.913,16.672,375.995,15.992,375.995z
"
/>
<path
style="fill:#8C7873;"
d="M7.992,335.995c-3.812,0-7.187-2.73-7.867-6.609c-0.773-4.352,2.133-8.5,6.484-9.27l136-24
c4.328-0.77,8.508,2.141,9.266,6.488c0.773,4.352-2.133,8.5-6.484,9.27l-136,24C8.922,335.956,8.453,335.995,7.992,335.995z"
/>
<path
style="fill:#8C7873;"
d="M480,423.998c3.172,0,6.18-1.906,7.43-5.031c1.641-4.105-0.359-8.758-4.461-10.402l-160.008-64
c-4.063-1.617-8.758,0.352-10.398,4.457s0.359,8.758,4.461,10.402l160.008,64C478,423.811,479.007,423.998,480,423.998z"
/>
<path
style="fill:#8C7873;"
d="M496.007,375.995c3.547,0,6.781-2.375,7.727-5.965c1.125-4.273-1.422-8.648-5.695-9.773l-152-40
c-4.289-1.121-8.648,1.426-9.773,5.703c-1.125,4.273,1.422,8.648,5.695,9.773l152,40
C494.648,375.913,495.328,375.995,496.007,375.995z"
/>
<path
style="fill:#8C7873;"
d="M504.007,335.995c3.813,0,7.188-2.73,7.867-6.609c0.773-4.352-2.133-8.5-6.484-9.27l-136-24
c-4.328-0.77-8.508,2.141-9.266,6.488c-0.773,4.352,2.133,8.5,6.484,9.27l136,24C503.078,335.956,503.546,335.995,504.007,335.995z
"
/>
</g>
</svg>
</template>
<script>
export default {
name: 'ProjectLogo'
}
</script>

38
app/views/shared/_logo.html.erb
Unescape View File

@ -0,0 +1,38 @@
<svg height="37px" width="37px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.998 511.998" xml:space="preserve">
<path style="fill:#C8AF9B;" d="M503.999,247.999c0,128.13-111.033,240-248,240S8,376.129,8,247.999s111.033-224,248-224
S503.999,119.869,503.999,247.999z" />
<path style="fill:#AA968C;" d="M255.999,23.999C119.033,23.999,8,119.868,8,247.999c0,24.631,4.138,48.647,11.74,71.397
c25.518,34.29,66.232,56.602,112.26,56.602c53.893,0,100.6-30.495,124-75.13c23.4,44.636,70.107,75.13,124,75.13
c46.028,0,86.743-22.312,112.26-56.602c7.602-22.75,11.74-46.767,11.74-71.397C503.999,119.868,392.966,23.999,255.999,23.999z" />
<g>
<ellipse transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 56.4014 451.8172)" style="fill:#8C7873;" cx="121.775" cy="214.227" rx="55.999" ry="67.881" />
<ellipse transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 817.6443 89.7714)" style="fill:#8C7873;" cx="390.23" cy="214.225" rx="55.999" ry="67.881" />
</g>
<circle style="fill:#C8AF9B;" cx="256" cy="351.999" r="136" />
<g>
<circle style="fill:#464655;" cx="132" cy="203.999" r="28" />
<circle style="fill:#464655;" cx="380" cy="203.999" r="28" />
<path style="fill:#464655;" d="M269.949,284.516c-7.672,10.741-20.227,10.741-27.899,0l-12.101-16.941
c-7.672-10.741-3.15-19.53,10.05-19.53h32c13.2,0,17.723,8.788,10.05,19.53L269.949,284.516z" />
</g>
<path style="fill:#AA968C;" d="M350.153,399.998c-34,0-51.436-48-94.154-48s-60.154,48-94.154,48
c-15.255,0-28.793-5.851-39.787-25.2c10.867,64.232,66.616,113.2,133.94,113.2s123.074-48.968,133.94-113.2
C378.946,394.148,365.408,399.998,350.153,399.998z" />
<g>
<path style="fill:#8C7873;" d="M32,423.998c-3.172,0-6.18-1.906-7.43-5.031c-1.641-4.105,0.359-8.758,4.461-10.402l160.008-64
c4.062-1.617,8.758,0.352,10.398,4.457s-0.359,8.758-4.461,10.402l-160.008,64C34,423.811,32.992,423.998,32,423.998z" />
<path style="fill:#8C7873;" d="M15.992,375.995c-3.547,0-6.781-2.375-7.727-5.965c-1.125-4.273,1.422-8.648,5.695-9.773l152-40
c4.289-1.121,8.648,1.426,9.773,5.703c1.125,4.273-1.422,8.648-5.695,9.773l-152,40C17.351,375.913,16.672,375.995,15.992,375.995z
" />
<path style="fill:#8C7873;" d="M7.992,335.995c-3.812,0-7.187-2.73-7.867-6.609c-0.773-4.352,2.133-8.5,6.484-9.27l136-24
c4.328-0.77,8.508,2.141,9.266,6.488c0.773,4.352-2.133,8.5-6.484,9.27l-136,24C8.922,335.956,8.453,335.995,7.992,335.995z" />
<path style="fill:#8C7873;" d="M480,423.998c3.172,0,6.18-1.906,7.43-5.031c1.641-4.105-0.359-8.758-4.461-10.402l-160.008-64
c-4.063-1.617-8.758,0.352-10.398,4.457s0.359,8.758,4.461,10.402l160.008,64C478,423.811,479.007,423.998,480,423.998z" />
<path style="fill:#8C7873;" d="M496.007,375.995c3.547,0,6.781-2.375,7.727-5.965c1.125-4.273-1.422-8.648-5.695-9.773l-152-40
c-4.289-1.121-8.648,1.426-9.773,5.703c-1.125,4.273,1.422,8.648,5.695,9.773l152,40
C494.648,375.913,495.328,375.995,496.007,375.995z" />
<path style="fill:#8C7873;" d="M504.007,335.995c3.813,0,7.188-2.73,7.867-6.609c0.773-4.352-2.133-8.5-6.484-9.27l-136-24
c-4.328-0.77-8.508,2.141-9.266,6.488c-0.773,4.352,2.133,8.5,6.484,9.27l136,24C503.078,335.956,503.546,335.995,504.007,335.995z
" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

3
app/views/shared/_navbar.html.erb
Unescape View File

@ -1,5 +1,6 @@
<div class="max-w-6xl mb-4 mx-auto px-2 py-3 flex items-center justify-between">
<a href="<%= root_path %>" class="text-2xl font-bold">
<a href="<%= root_path %>" class="text-2xl font-bold items-center flex space-x-2">
<%= render 'shared/logo' %>
<span>DocuSeal</span>
</a>
<% if signed_in? %>

10
app/views/shared/_settings_nav.html.erb
Unescape View File

@ -4,27 +4,27 @@
<li class="menu-title"><span>Settings</span></li>
<li></li>
<li>
<a href="<%= settings_profile_index_path %>" class="hover:bg-base-300">
<a href="<%= settings_profile_index_path %>" class="hover:bg-base-300 text-base">
Profile
</a>
</li>
<li>
<a href="<%= settings_email_index_path %>" class="hover:bg-base-300">
<a href="<%= settings_email_index_path %>" class="hover:bg-base-300 text-base">
Email
</a>
</li>
<li>
<a href="<%= settings_storage_index_path %>" class="hover:bg-base-300">
<a href="<%= settings_storage_index_path %>" class="hover:bg-base-300 text-base">
Storage
</a>
</li>
<li>
<a href="<%= settings_esign_index_path %>" class="hover:bg-base-300">
<a href="<%= settings_esign_index_path %>" class="hover:bg-base-300 text-base">
eSign
</a>
</li>
<li>
<a href="<%= settings_users_path %>" class="hover:bg-base-300">
<a href="<%= settings_users_path %>" class="hover:bg-base-300 text-base">
Team
</a>
</li>

Write Preview
Loading…
Cancel
Save