yakovenko_arina/your-gold
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

businnes page

Browse Source
This commit is contained in:
Arina Yakovenko
2025-06-10 15:56:43 +02:00
parent 902e2db011
commit 261fdd16ce
9 changed files with 374 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/ui/ButtonArrow.vue
View File

@ -1,17 +1,19 @@
<template>
<div class="group flex cursor-pointer items-center justify-start gap-2 whitespace-nowrap">
<div
class="group flex cursor-pointer items-center justify-start gap-2 whitespace-nowrap"
>
<button
:class="[
'h-[40px] cursor-pointer rounded-[10px] px-[22px] transition-all sm:h-[50px] md:h-[65px] md:rounded-[15px] md:px-[42px]',
type === 'fill'
? 'bg-button text-text-dark group-hover:bg-button-hover'
: 'border-button text-button dark:border-block dark:text-block group-hover:border-button-hover group-hover:text-button-hover border',
]"
>
<slot />
</button>
<div
v-if="arrow"
:class="[
'flex h-[40px] w-[40px] items-center justify-center rounded-[10px] p-2.5 transition-all sm:h-[50px] sm:w-[50px] md:h-[65px] md:w-[65px] md:rounded-[15px]',
type === 'fill'
@ -19,11 +21,6 @@
: 'border-button text-button dark:border-block dark:text-block group-hover:border-button-hover group-hover:text-button-hover border',
]"
>
<!-- <UIcon
class="w-10 h-10 block"
name="i-heroicons-arrow-up-right"
/> -->
<!-- <img src="/icons/ArrowCorner.svg" alt="" class="text-black" /> -->
<svg
class=""
width="26"
@ -46,5 +43,8 @@ defineProps({
type: {
type: String,
},
arrow: {
type: Boolean,
},
});
</script>