Style for popover in chat finished

This commit is contained in:
tiago.kayaya
2020-12-29 12:40:19 +01:00
parent 2ea9fc58e5
commit 0b4bef8eca
21 changed files with 374 additions and 73 deletions
+17
View File
@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd">
<g>
<g>
<g>
<g transform="translate(-285 -696) translate(0 84) translate(0 592) translate(285 20)">
<rect width="7" height="12" x="9" y="4" stroke="#42B9FE" stroke-width="2" rx="3.5"/>
<rect width="3" height="2" x="13" y="7" fill="#42B9FE" rx="1"/>
<path fill="#42B9FE" d="M12 18H13V22H12z"/>
<rect width="7" height="1" x="9" y="22" fill="#42B9FE" rx=".5"/>
<path stroke="#42B9FE" stroke-linecap="round" stroke-linejoin="round" d="M18 11.5c0 3.728-1.358 6.5-5.5 6.5C8.358 18 7 15.228 7 11.5"/>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 886 B

+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd">
<g stroke="#42B9FE" stroke-width="2">
<g>
<g>
<g>
<g transform="translate(-20 -696) translate(0 84) translate(0 592) translate(20 10) translate(0 10)">
<rect width="17" height="14" x="4" y="7" rx="2"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M9 6.684C9 4.228 10.071 3 12.214 3s3.215 1.228 3.215 3.684V13.387C15.476 14.462 15 15 14 15s-1.476-.538-1.429-1.613h0V9.535h0"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 768 B

+23
View File
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45">
<g fill="none" fill-rule="evenodd">
<g>
<g>
<g>
<g>
<g>
<g transform="translate(-335 -686) translate(0 84) translate(0 592) translate(20 10) translate(315)">
<path fill="#FFF" d="M9 9H23V10H9z"/>
<circle cx="14" cy="10" r="2" fill="#FFF"/>
<g fill="#42B9FE">
<circle cx="22.5" cy="22.5" r="22.5"/>
</g>
</g>
<path stroke="#FFF" stroke-linejoin="round" stroke-width="2" d="M23 11L31 33 23 29 15 33z" transform="translate(-335 -686) translate(0 84) translate(0 592) translate(20 10) translate(315) rotate(90 23 22)"/>
<path fill="#FFF" d="M16 21L33 21 33 23 16 23z" transform="translate(-335 -686) translate(0 84) translate(0 592) translate(20 10) translate(315)"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd">
<g>
<g>
<g>
<g>
<g transform="translate(-56 -149) translate(0 84) translate(0 25) translate(0 35) translate(56 5)">
<circle cx="12.5" cy="12.5" r="12.5" fill="#42B9FE"/>
<path stroke="#FFF" stroke-linejoin="round" stroke-width="2" d="M12.615 6c1.475 0 2.67 1.195 2.67 2.67v.5c0 .825-.372 1.561-.958 2.05 1.7.742 2.904 2.562 2.904 4.689 0 2.788-9.231 2.788-9.231 0 0-2.127 1.202-3.946 2.904-4.69-.586-.488-.959-1.225-.959-2.048v-.5C9.945 7.194 11.141 6 12.615 6z"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 846 B