fabric_trade/fabric_trade_user
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix some bugs

Browse Source
This commit is contained in:
mohmdsdg
2026-08-06 17:12:57 +03:30
parent 7eef5e64b3
commit 72ff454c90
103 changed files with 6506 additions and 1573 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/icons/IconBell.vue
+16 -15
View File
@@ -1,20 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 20 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
>
<path d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9" />
<path d="M13.73 21a2 2 0 01-3.46 0" />
</svg>
<BasicIcon
icon="vuesax-linear:notification"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconBolt.vue
+16 -9
View File
@@ -1,14 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M13 2 5 14h6l-1 8 8-12h-6l1-8Z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:flash"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconBuilding.vue
+16 -16
View File
@@ -1,21 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M4 21V8l2-4h12l2 4v13H4Z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
<path d="M4 11h16" stroke="currentColor" stroke-width="1.75" />
<path
d="M9 7V5a3 3 0 0 1 6 0v2"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:buildings"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconCart.vue
+10 -19
View File
@@ -1,30 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M3 4h2l1.5 9h11L19 4h2"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
stroke-linejoin="round"
/>
<circle cx="9" cy="19" r="1.5" fill="currentColor" />
<circle cx="17" cy="19" r="1.5" fill="currentColor" />
</svg>
<BasicIcon
icon="vuesax-linear:bag-2"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconCash.vue
+16 -21
View File
@@ -1,26 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 32 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 32 32" fill="none" aria-hidden="true">
<rect
x="4"
y="8"
width="24"
height="16"
rx="3"
fill="#d4edda"
stroke="#28a745"
stroke-width="1.5"
/>
<circle cx="16" cy="16" r="6" fill="#28a745" />
<path
d="M13 16l2 2 4-4"
stroke="#fff"
stroke-width="1.75"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:money-4"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconCashSettlement.vue
+16 -15
View File
@@ -1,20 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 32 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 32 32" fill="none" aria-hidden="true">
<rect
x="3"
y="7"
width="26"
height="18"
rx="3"
fill="#d4edda"
stroke="#28a745"
stroke-width="1.5"
/>
<circle cx="16" cy="16" r="5" stroke="#28a745" stroke-width="1.5" />
<path d="M16 13v6M13 16h6" stroke="#28a745" stroke-width="1.5" stroke-linecap="round" />
</svg>
<BasicIcon
icon="vuesax-linear:card"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconCatalog.vue
+16 -14
View File
@@ -1,19 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<rect
x="4"
y="3"
width="16"
height="18"
rx="2"
fill="#e8eef4"
stroke="#1d3557"
stroke-width="1.5"
/>
<path d="M8 8h8M8 12h8M8 16h5" stroke="#1d3557" stroke-width="1.25" stroke-linecap="round" />
</svg>
<BasicIcon
icon="vuesax-linear:category"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconCheckBook.vue
+16 -14
View File
@@ -1,19 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 32 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 32 32" fill="none" aria-hidden="true">
<rect
x="4"
y="6"
width="24"
height="20"
rx="3"
fill="#e8eef4"
stroke="#1d3557"
stroke-width="1.5"
/>
<path d="M8 12h16M8 16h12M8 20h8" stroke="#1d3557" stroke-width="1.5" stroke-linecap="round" />
</svg>
<BasicIcon
icon="vuesax-linear:card-receive"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconCheckCircleOutline.vue
+10 -18
View File
@@ -1,29 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 22, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<circle cx="12" cy="12" r="9" stroke="currentColor" :stroke-width="strokeWidth" />
<path
d="M8 12.5l2.5 2.5L16 9.5"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:tick-circle"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconChevronBack.vue
+10 -17
View File
@@ -1,28 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 20, strokeWidth: 2 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M9 6l6 6-6 6"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:arrow-right-1"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconChevronLeft.vue
+10 -17
View File
@@ -1,28 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 18, strokeWidth: 2 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M15 6l-6 6 6 6"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:arrow-left-1"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconClipboardEmpty.vue
+11 -65
View File
@@ -1,75 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 64 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
class="clipboard-icon"
>
<rect
x="14"
y="8"
width="36"
height="48"
rx="4"
fill="#E8D5B5"
stroke="#C4A574"
stroke-width="1.5"
/>
<rect
x="24"
y="4"
width="16"
height="8"
rx="2"
fill="#94A3B8"
stroke="#64748B"
stroke-width="1"
/>
<line
x1="22"
y1="24"
x2="42"
y2="24"
stroke="#94A3B8"
stroke-width="2"
stroke-linecap="round"
/>
<line
x1="22"
y1="32"
x2="42"
y2="32"
stroke="#94A3B8"
stroke-width="2"
stroke-linecap="round"
/>
<line
x1="22"
y1="40"
x2="36"
y2="40"
stroke="#94A3B8"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:clipboard-close"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
<style scoped>
.clipboard-icon {
display: block;
margin: 0 auto;
}
</style>
src/components/icons/IconDiamond.vue
+16 -14
View File
@@ -1,19 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 28 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M14 4l2.5 5 5.5.8-4 3.9.9 5.5L14 16.8 8.1 19.2l.9-5.5-4-3.9 5.5-.8L14 4Z"
fill="currentColor"
/>
</svg>
<BasicIcon
icon="vuesax-linear:diamonds"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconEditPen.vue
+16 -23
View File
@@ -1,28 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 32 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M19.5 5.5l3 3-11 11-4 1 1-4 11-11z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
<path d="M17 8l3 3" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" />
<path
d="M7 25h18"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:edit-2"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconFamBaftLogo.vue
+13 -2
View File
@@ -4,6 +4,7 @@ withDefaults(defineProps<{ size?: number }>(), { size: 72 })
<template>
<svg
class="icon-logo"
:width="size"
:height="size"
viewBox="0 0 72 72"
@@ -11,7 +12,17 @@ withDefaults(defineProps<{ size?: number }>(), { size: 72 })
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<rect x="14" y="14" width="28" height="28" rx="4" fill="currentColor" transform="rotate(12 28 28)" />
<rect x="30" y="30" width="28" height="28" rx="4" fill="currentColor" transform="rotate(-12 44 44)" />
<g fill="currentColor">
<rect x="14" y="14" width="28" height="28" rx="4" transform="rotate(12 28 28)" />
<rect x="30" y="30" width="28" height="28" rx="4" transform="rotate(-12 44 44)" />
</g>
</svg>
</template>
<style scoped>
.icon-logo {
display: block;
flex-shrink: 0;
overflow: visible;
}
</style>
src/components/icons/IconFeather.vue
+16 -21
View File
@@ -1,26 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 28 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M14 3c-1.5 0-2.5 1-2.5 2.2 0 .4.1.8.3 1.1-2 .5-3.5 2.2-3.5 4.3v1.2c0 .6.4 1 1 1h9.4c.6 0 1-.4 1-1v-1.2c0-2.1-1.5-3.8-3.5-4.3.2-.3.3-.7.3-1.1C16.5 4 15.5 3 14 3Z"
fill="currentColor"
/>
<path
d="M8 12.8v8.5c0 1.2 1 2.2 2.2 2.2h7.6c1.2 0 2.2-1 2.2-2.2v-8.5H8Z"
fill="currentColor"
fill-opacity="0.2"
stroke="currentColor"
stroke-width="1"
/>
</svg>
<BasicIcon
icon="vuesax-linear:pen-add"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconFilter.vue
+10 -16
View File
@@ -1,27 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 20, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M4 6h16M7 12h10M10 18h4"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:filter"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconHeadset.vue
+16 -11
View File
@@ -1,16 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M4 14v-2a8 8 0 0 1 16 0v2"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
<rect x="2" y="14" width="4" height="6" rx="2" stroke="currentColor" stroke-width="1.75" />
<rect x="18" y="14" width="4" height="6" rx="2" stroke="currentColor" stroke-width="1.75" />
</svg>
<BasicIcon
icon="vuesax-linear:headphone"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconHome.vue
+10 -16
View File
@@ -1,27 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M3 10.5L12 4l9 6.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-9.5Z"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:home"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconHourglass.vue
+10 -17
View File
@@ -1,28 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 22, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
d="M6 3h12M6 21h12M8 3v4.5a4 4 0 0 0 2.5 3.7V14a4 4 0 0 0-2.5 3.7V21M16 3v4.5a4 4 0 0 1-2.5 3.7V14a4 4 0 0 1 2.5 3.7V21"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:timer-1"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconIdCard.vue
+16 -6
View File
@@ -1,11 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.75" />
<path d="M8 9V7a4 4 0 1 1 8 0v2" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" />
<path d="M7 12h10" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" />
</svg>
<BasicIcon
icon="vuesax-linear:personalcard"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconLayoutGrid.vue
+10 -14
View File
@@ -1,25 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 20, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<rect x="4" y="4" width="7" height="7" rx="1.5" stroke="currentColor" :stroke-width="strokeWidth" />
<rect x="13" y="4" width="7" height="7" rx="1.5" stroke="currentColor" :stroke-width="strokeWidth" />
<rect x="4" y="13" width="7" height="7" rx="1.5" stroke="currentColor" :stroke-width="strokeWidth" />
<rect x="13" y="13" width="7" height="7" rx="1.5" stroke="currentColor" :stroke-width="strokeWidth" />
</svg>
<BasicIcon
icon="vuesax-linear:element-3"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconLightbulb.vue
+16 -21
View File
@@ -1,26 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M9 18h6"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
<path
d="M10 22h4"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
<path
d="M12 2a5 5 0 0 0-2.4 9.3V14h4.8v-2.7A5 5 0 0 0 12 2Z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:lamp-on"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconLock.vue
+16 -10
View File
@@ -1,15 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<rect x="5" y="11" width="14" height="10" rx="2" stroke="currentColor" stroke-width="1.75" />
<path
d="M8 11V8a4 4 0 1 1 8 0v3"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:lock"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconMail.vue
+16 -5
View File
@@ -1,10 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<rect x="3" y="6" width="18" height="12" rx="2" stroke="currentColor" stroke-width="1.75" />
<path d="M3 8l9 6 9-6" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round" />
</svg>
<BasicIcon
icon="vuesax-linear:sms"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconMapPin.vue
+16 -10
View File
@@ -1,15 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M12 21s6-5.2 6-10a6 6 0 1 0-12 0c0 4.8 6 10 6 10Z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
<circle cx="12" cy="11" r="2" stroke="currentColor" stroke-width="1.75" />
</svg>
<BasicIcon
icon="vuesax-linear:location"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconMoreVertical.vue
+11 -13
View File
@@ -1,23 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 20 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<circle cx="12" cy="5" r="1.5" fill="currentColor" />
<circle cx="12" cy="12" r="1.5" fill="currentColor" />
<circle cx="12" cy="19" r="1.5" fill="currentColor" />
</svg>
<BasicIcon
icon="vuesax-linear:more"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconOrders.vue
+10 -30
View File
@@ -1,41 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<rect
x="5"
y="3"
width="14"
height="18"
rx="2"
stroke="currentColor"
:stroke-width="strokeWidth"
/>
<path
d="M9 7h6M9 11h6M9 15h4"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
/>
<path
d="M8 3V2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1"
stroke="currentColor"
:stroke-width="strokeWidth"
/>
</svg>
<BasicIcon
icon="vuesax-linear:document-text"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconParLogo.vue
+12 -4
View File
@@ -4,6 +4,7 @@ withDefaults(defineProps<{ size?: number }>(), { size: 72 })
<template>
<svg
class="icon-logo"
:width="size"
:height="size"
viewBox="0 0 72 72"
@@ -13,14 +14,21 @@ withDefaults(defineProps<{ size?: number }>(), { size: 72 })
>
<text
x="36"
y="58"
y="50"
text-anchor="middle"
dominant-baseline="middle"
fill="currentColor"
font-family="IRANSans, Tahoma, sans-serif"
font-size="56"
font-weight="700"
style="font-family: IRANSans, Tahoma, sans-serif; font-size: 48px; font-weight: 700"
>
پ
</text>
</svg>
</template>
<style scoped>
.icon-logo {
display: block;
flex-shrink: 0;
overflow: visible;
}
</style>
src/components/icons/IconPhone.vue
+16 -9
View File
@@ -1,14 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M8.5 4h7l1 4.5-3 1.5a12 12 0 0 0 4.5 4.5l1.5-3L21 15v7h-2.5A14.5 14.5 0 0 1 3 6.5V4"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:call"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconProfile.vue
+10 -17
View File
@@ -1,28 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<circle cx="12" cy="8" r="4" stroke="currentColor" :stroke-width="strokeWidth" />
<path
d="M5 21v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:profile-circle"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconProgressClock.vue
+10 -18
View File
@@ -1,29 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 22, strokeWidth: 1.75 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<circle cx="12" cy="12" r="9" stroke="currentColor" :stroke-width="strokeWidth" />
<path
d="M12 7v5l3 2"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:clock"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconSearch.vue
+16 -15
View File
@@ -1,20 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 20 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
>
<circle cx="11" cy="11" r="7" />
<path d="M20 20l-3.5-3.5" />
</svg>
<BasicIcon
icon="vuesax-linear:search-normal"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconSettings.vue
+16 -10
View File
@@ -1,15 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.75" />
<path
d="M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:setting-2"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconShoppingBag.vue
+16 -15
View File
@@ -1,20 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path
d="M8 8V6a4 4 0 1 1 8 0v2"
stroke="currentColor"
stroke-width="1.75"
stroke-linecap="round"
/>
<path
d="M6 8h12l-1 12H7L6 8Z"
stroke="currentColor"
stroke-width="1.75"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:shopping-bag"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconSuccessCircle.vue
+16 -12
View File
@@ -1,17 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 48 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 48 48" fill="none" aria-hidden="true">
<circle cx="24" cy="24" r="22" fill="#d4edda" />
<circle cx="24" cy="24" r="14" fill="#28a745" />
<path
d="M17 24l4 4 8-8"
stroke="#fff"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:tick-circle"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconTrash.vue
+10 -37
View File
@@ -1,48 +1,21 @@
<script setup lang="ts">
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 20, strokeWidth: 1.5 },
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg
:width="size"
:height="size"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<rect
x="10"
y="4"
width="4"
height="2"
rx="0.5"
stroke="currentColor"
:stroke-width="strokeWidth"
/>
<path
d="M6.5 8h11"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
/>
<path
d="M8.5 8.5h7v10.75c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25V8.5Z"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linejoin="round"
/>
<path
d="M10.75 11.5v6.25M13.25 11.5v6.25"
stroke="currentColor"
:stroke-width="strokeWidth"
stroke-linecap="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:trash"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>
src/components/icons/IconVerified.vue
+16 -11
View File
@@ -1,16 +1,21 @@
<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 24 })
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
withDefaults(
defineProps<{
size?: number
strokeWidth?: number
color?: string | null
}>(),
{ size: 24, strokeWidth: 1.5, color: null },
)
</script>
<template>
<svg :width="size" :height="size" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<circle cx="12" cy="12" r="9" fill="currentColor" />
<path
d="M8 12.2 10.8 15 16 9.8"
stroke="#fff"
stroke-width="1.75"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<BasicIcon
icon="vuesax-linear:verify"
:size="size"
:stroke-width="strokeWidth"
:color="color"
/>
</template>