diff --git a/layers/components/atoms/Button/Download.vue b/layers/components/atoms/Button/Download.vue new file mode 100644 index 0000000..b1587d5 --- /dev/null +++ b/layers/components/atoms/Button/Download.vue @@ -0,0 +1,177 @@ + + + + + diff --git a/layers/components/atoms/Button/index.vue b/layers/components/atoms/Button/index.vue index 77e9b6c..7340858 100644 --- a/layers/components/atoms/Button/index.vue +++ b/layers/components/atoms/Button/index.vue @@ -98,4 +98,7 @@ const componentProps = computed(() => { .btn-base .btn-content { @apply relative flex items-center gap-1 z-[1]; } +.btn-base.size-extra-small .btn-content { + @apply gap-0.5; +} diff --git a/layers/components/atoms/icons/DownloadLine.vue b/layers/components/atoms/icons/DownloadLine.vue index 17040c3..c0b6994 100644 --- a/layers/components/atoms/icons/DownloadLine.vue +++ b/layers/components/atoms/icons/DownloadLine.vue @@ -16,15 +16,13 @@ withDefaults(defineProps(), { :width="size" :height="size" viewBox="0 0 20 20" - fill="none" + :fill="color" > diff --git a/public/images/common/ic-v2-logo-apple-fill.svg b/layers/components/atoms/icons/LogoApple.vue similarity index 73% rename from public/images/common/ic-v2-logo-apple-fill.svg rename to layers/components/atoms/icons/LogoApple.vue index d80a7f0..5a51064 100644 --- a/public/images/common/ic-v2-logo-apple-fill.svg +++ b/layers/components/atoms/icons/LogoApple.vue @@ -1,4 +1,28 @@ - - - - + + + diff --git a/layers/components/atoms/icons/LogoGoogle.vue b/layers/components/atoms/icons/LogoGoogle.vue new file mode 100644 index 0000000..226a62a --- /dev/null +++ b/layers/components/atoms/icons/LogoGoogle.vue @@ -0,0 +1,44 @@ + + + diff --git a/layers/components/atoms/icons/LogoStove.vue b/layers/components/atoms/icons/LogoStove.vue new file mode 100644 index 0000000..661dca1 --- /dev/null +++ b/layers/components/atoms/icons/LogoStove.vue @@ -0,0 +1,27 @@ + + + diff --git a/layers/components/atoms/icons/LogoWindow.vue b/layers/components/atoms/icons/LogoWindow.vue new file mode 100644 index 0000000..9a8b60d --- /dev/null +++ b/layers/components/atoms/icons/LogoWindow.vue @@ -0,0 +1,26 @@ + + + diff --git a/layers/types/components/button.ts b/layers/types/components/button.ts index 622c7d9..ae3c886 100644 --- a/layers/types/components/button.ts +++ b/layers/types/components/button.ts @@ -4,5 +4,9 @@ export type ButtonType = | 'download' | 'action' | 'link' + +export type DownloadButtonType = 'default' | 'single' | 'duplication' + export type ButtonSize = 'large' | 'medium' | 'small' | 'extra-small' + export type ButtonVariant = 'filled' | 'outlined' diff --git a/public/images/common/btn_system_normal_stove_pc.svg b/public/images/common/btn_system_normal_stove_pc.svg new file mode 100644 index 0000000..a2b29fc --- /dev/null +++ b/public/images/common/btn_system_normal_stove_pc.svg @@ -0,0 +1,18 @@ + +
+ + + + + + + + + + + + + + + +
diff --git a/public/images/common/ic-v2-logo-google-playstore-color.svg b/public/images/common/ic-v2-logo-google-playstore-color.svg deleted file mode 100644 index 201f547..0000000 --- a/public/images/common/ic-v2-logo-google-playstore-color.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/public/images/common/ic-v2-logo-window-fill.svg b/public/images/common/ic-v2-logo-window-fill.svg deleted file mode 100644 index 1c5fccb..0000000 --- a/public/images/common/ic-v2-logo-window-fill.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - -