diff --git a/src/assets/icons/marshmallow.svg b/src/assets/icons/marshmallow.svg new file mode 100644 index 0000000..9e1f1d5 --- /dev/null +++ b/src/assets/icons/marshmallow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/common/button/LinkButton.astro b/src/components/common/button/LinkButton.astro index 0675a4e..80bb95c 100644 --- a/src/components/common/button/LinkButton.astro +++ b/src/components/common/button/LinkButton.astro @@ -2,7 +2,7 @@ import type { HTMLAttributes } from 'astro/types' type Props = Omit, 'slot'> & { - variant?: 'primary' | 'white' | 'black' | 'discord' | 'peing' + variant?: 'primary' | 'white' | 'black' | 'discord' | 'peing' | 'marshmallow' } const { variant = 'primary', ...attrs } = Astro.props @@ -22,6 +22,8 @@ const { variant = 'primary', ...attrs } = Astro.props variant === 'discord', 'bg-peing text-white drop-shadow-peing-light hover:drop-shadow-peing-heavy': variant === 'peing', + 'hover:drop-shadow-marshumallow-heavy bg-marshmallow text-white drop-shadow-marshmallow-light': + variant === 'marshmallow', }, 'active:drop-shadow-none', 'transition-[filter,transform] ease-in-out active:translate-y-1', diff --git a/src/components/common/button/MarshmallowLink.astro b/src/components/common/button/MarshmallowLink.astro new file mode 100644 index 0000000..13d5cbf --- /dev/null +++ b/src/components/common/button/MarshmallowLink.astro @@ -0,0 +1,15 @@ +--- +import Icon from '@/components/common/Icon.astro' +import LinkButton from './LinkButton.astro' +--- + + + + + 質問箱 + + diff --git a/src/components/common/button/PeingLink.astro b/src/components/common/button/PeingLink.astro index 0a2741a..d9a524d 100644 --- a/src/components/common/button/PeingLink.astro +++ b/src/components/common/button/PeingLink.astro @@ -6,6 +6,6 @@ import LinkButton from './LinkButton.astro' - 質問箱 + 旧質問箱 diff --git a/src/components/contact/ContactSection.astro b/src/components/contact/ContactSection.astro index b024f26..23f16e7 100644 --- a/src/components/contact/ContactSection.astro +++ b/src/components/contact/ContactSection.astro @@ -2,7 +2,7 @@ import Section from '@/components/common/Section.astro' import DiscordJoinLink from '@/components/common/button/DiscordJoinLink.astro' import XLink from '@/components/common/button/XLink.astro' -import PeingLink from '@/components/common/button/PeingLink.astro' +import MarshmallowLink from '../common/button/MarshmallowLink.astro' ---
@@ -22,7 +22,7 @@ import PeingLink from '@/components/common/button/PeingLink.astro'
- +

メールでご連絡いただくことも可能です。

diff --git a/src/components/faq/FaqSection.astro b/src/components/faq/FaqSection.astro index 30df358..cb22cd4 100644 --- a/src/components/faq/FaqSection.astro +++ b/src/components/faq/FaqSection.astro @@ -1,9 +1,9 @@ --- import Section from '@/components/common/Section.astro' import XLink from '@/components/common/button/XLink.astro' -import PeingLink from '@/components/common/button/PeingLink.astro' import InlineLink from '@/components/common/InlineLink.astro' import FaqCard from './FaqCard.astro' +import MarshmallowLink from '../common/button/MarshmallowLink.astro' ---
@@ -13,7 +13,7 @@ import FaqCard from './FaqCard.astro'

- +

    diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 888f3e5..881724d 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -6,6 +6,7 @@ const colors = { secondary: '#f1f2f7', discord: '#5865f2', peing: '#5eb9ba', + marshmallow: '#F3979B', } const dropShadowLight = (color) => `0 4px 8px ${rgba(color, 0.6)}` @@ -34,6 +35,8 @@ module.exports = { 'discord-heavy': dropShadowHeavy(colors.discord), 'peing-light': dropShadowLight(colors.peing), 'peing-heavy': dropShadowHeavy(colors.peing), + 'marshmallow-light': dropShadowLight(colors.marshmallow), + 'marshmallow-heavy': dropShadowHeavy(colors.marshmallow), }, typography: (theme) => ({ DEFAULT: {