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: add inverse prop on icon 'subscribe'

This commit is contained in:
Lykin 2024-01-23 14:19:17 +08:00
parent 76783c36fb
commit 655cd539ca
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/icons/Subscribe.vue
View File

@ -1,5 +1,9 @@
<script setup> <script setup>
const props = defineProps({ const props = defineProps({
inverse: {
type: Boolean,
default: false,
},
strokeWidth: { strokeWidth: {
type: [Number, String], type: [Number, String],
default: 3, default: 3,
@ -12,7 +16,7 @@ const props = defineProps({
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M24 28.6292C26.5104 28.6292 28.5455 26.6004 28.5455 24.0979C28.5455 21.5954 26.5104 19.5667 24 19.5667C21.4897 19.5667 19.4546 21.5954 19.4546 24.0979C19.4546 26.6004 21.4897 28.6292 24 28.6292Z" d="M24 28.6292C26.5104 28.6292 28.5455 26.6004 28.5455 24.0979C28.5455 21.5954 26.5104 19.5667 24 19.5667C21.4897 19.5667 19.4546 21.5954 19.4546 24.0979C19.4546 26.6004 21.4897 28.6292 24 28.6292Z"
fill="none" :fill="props.inverse ? 'currentColor' : 'none'"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" /> stroke-linejoin="round" />
<path <path