lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

perf: update key and key layer icon

This commit is contained in:
tiny-craft 2023-08-23 16:38:56 +08:00
parent 4e2ff5930b
commit 0b8ee4bd91
2 changed files with 23 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/components/icons/Key.vue
View File

@ -8,24 +8,18 @@ const props = defineProps({
</script>
<template>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
:fill="props.fillColor"
d="M218.1 167.17c0 13 0 25.6 4.1 37.4c-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 0 0-6.7 15c0 8.5 5.2 16.7 9.6 21.3c6.6 6.9 34.8 33 40 28c15.4-15 18.5-19 24.8-25.2c9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4s15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2c5-4.6 8.6-8.9 8.7-15.6c.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5s22.8-15.5 24.1-21.6s-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4c15.5 6.7 29.6 9.4 47.7 9.4c68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 1 1-32-32a32 32 0 0 1 32 32z"
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="32"
></path>
>
<path :fill="props.fillColor" d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z" />
<circle cx="16.5" cy="7.5" r="1.5" />
</svg>
<!-- <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!-- <path-->
<!-- d="m38.3682,9.27721c2.5423,2.4953 3.5456,6.1544 2.6289,9.5881c-0.9166,3.4337 -3.6127,6.1156 -7.0646,7.0274c-3.4519,0.9119 -7.1303,-0.0861 -9.63875,-2.6151c-3.77167,-3.8845 -3.71773,-10.0592 0.12124,-13.878c3.83901,-3.8187 10.04631,-3.8724 13.95141,-0.1206l0.0018,-0.0018z"-->
<!-- :fill="props.fillColor" stroke="currentColor" :stroke-width="props.strokeWidth" stroke-linejoin="round"/>-->
<!-- <path d="m6.5,40.5l17,-17" stroke="currentColor" :stroke-width="props.strokeWidth" stroke-linecap="round"-->
<!-- stroke-linejoin="round"/>-->
<!-- <path d="m10.5,36.8l5.4285,5.4l6.3334,-6.3l-5.4286,-5.4l-6.3333,6.3z" :fill="props.fillColor"-->
<!-- stroke="currentColor" :stroke-width="props.strokeWidth" stroke-linejoin="round"/>-->
<!-- </svg>-->
</template>
<style lang="scss" scoped></style>

38
frontend/src/components/icons/Layer.vue
View File

@ -12,35 +12,21 @@ const props = defineProps({
</script>
<template>
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2"
:fill="props.fillColor"
d="M4 11.9143L24 19L44 11.9143L24 5L4 11.9143Z"
stroke="currentColor"
stroke-linejoin="round"
stroke-width="3"
/>
<path
:stroke-width="props.strokeWidth"
d="M4 20L24 27L44 20"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:stroke-width="props.strokeWidth"
d="M4 28L24 35L44 28"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
:stroke-width="props.strokeWidth"
d="M4 36L24 43L44 36"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
/>
<circle cx="16" cy="20" r="2" :fill="props.fillColor" />
<path d="m22 14-4.5 4.5" />
<path d="m21 15 1 1" />
</svg>
</template>