Skip to content

Commit

Permalink
🎨 #324 ポリシー部分のデザインを調整しました
Browse files Browse the repository at this point in the history
  • Loading branch information
@keitakn
keitakn committed Sep 26, 2024
1 parent 6b0283d commit 5fe3555
Showing 1 changed file with 25 additions and 16 deletions.
41 changes: 25 additions & 16 deletions src/app/_components/Header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,36 +40,39 @@ export const Header = ({ language, currentUrlPath }: Props): JSX.Element => {
<nav className="flex items-center gap-6">
<Link
href={appPathList.upload}
className="text-base font-medium text-orange-50 hover:text-orange-100"
className="flex items-center justify-center bg-orange-500 p-5 text-base font-medium text-orange-50 hover:text-orange-100"

Check warning on line 43 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L34-L43 

Added lines #L34 - L43 were not covered by tests
>
<Text slot="label">アップロード</Text>

Check warning on line 45 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L45 

Added line #L45 was not covered by tests
</Link>
<Link
href="/how-to-use"
className="text-base font-medium text-orange-50 hover:text-orange-100"
className="flex items-center justify-center bg-orange-500 p-5 text-base font-medium text-orange-50 hover:text-orange-100"

Check warning on line 49 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L47-L49 

Added lines #L47 - L49 were not covered by tests
>
<Text slot="label">使い方</Text>

Check warning on line 51 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L51 

Added line #L51 was not covered by tests
</Link>
<Link
href={terms.link}
className="text-base font-medium text-orange-50 hover:text-orange-100"
className="flex items-center justify-center bg-orange-500 p-5 text-base font-medium text-orange-50 hover:text-orange-100"

Check warning on line 55 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L53-L55 

Added lines #L53 - L55 were not covered by tests
>
<Text slot="label">{terms.text}</Text>

Check warning on line 57 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L57 

Added line #L57 was not covered by tests
</Link>
<MenuTrigger>
<Button className="flex items-center justify-center gap-2 bg-orange-500 p-5 text-base font-medium text-orange-50 hover:text-orange-100">
<Button className="flex items-center justify-center gap-2 bg-orange-500 px-5 py-2 text-base font-medium text-orange-50 hover:text-orange-100">

Check warning on line 60 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L59-L60 

Added lines #L59 - L60 were not covered by tests
ポリシー
<DownIcon />

Check warning on line 62 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L62 

Added line #L62 was not covered by tests
</Button>
<Popover className="w-48 rounded-md bg-orange-500 shadow-lg ring-1 ring-black ring-opacity-5">
<Menu className="py-1">
<MenuItem className="block w-full px-4 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
<Link href={privacy.link}>
<Popover className="bg-orange-500 shadow-lg ring-1 ring-black ring-opacity-5">

Check warning on line 64 in src/app/_components/Header.tsx

View workflow job for this annotation

GitHub Actions / Build And Test (20.x) 

Classname 'ring-opacity-5' should be replaced by an opacity suffix (eg. '/5')
<Menu className="w-[180px]">
<MenuItem className="flex w-full items-center px-6 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
<Link href={privacy.link} className="w-full">
<Text slot="label">{privacy.text}</Text>

Check warning on line 68 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L64-L68 

Added lines #L64 - L68 were not covered by tests
</Link>
</MenuItem>
<MenuItem className="block w-full px-4 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
<Link href={externalTransmissionPolicy.link}>
<MenuItem className="flex w-full items-center px-6 py-2 text-left text-base font-medium text-orange-50 hover:bg-orange-600">
<Link
href={externalTransmissionPolicy.link}
className="w-full"

Check warning on line 74 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L71-L74 

Added lines #L71 - L74 were not covered by tests
>
<Text slot="label">
{externalTransmissionPolicy.text}

Check warning on line 77 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L76-L77 

Added lines #L76 - L77 were not covered by tests
</Text>
Expand All @@ -83,38 +86,44 @@ export const Header = ({ language, currentUrlPath }: Props): JSX.Element => {
<div className="flex items-center gap-4 px-7">
<MenuTrigger>
<Button className="flex items-center justify-center gap-2 bg-orange-500 px-5 py-2 text-base font-medium text-orange-50 hover:text-orange-100">
<span className="flex items-center justify-center w-5 h-5">
<span className="flex size-5 items-center justify-center">
<GlobeIcon />
</span>

Check warning on line 91 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L86-L91 

Added lines #L86 - L91 were not covered by tests
language
<span className="flex items-center justify-center w-4 h-4">
<span className="flex size-4 items-center justify-center">
<DownIcon />

Check warning on line 94 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L93-L94 

Added lines #L93 - L94 were not covered by tests
</span>
</Button>
<Popover className="bg-orange-500 shadow-lg ring-1 ring-black ring-opacity-5">

Check warning on line 97 in src/app/_components/Header.tsx

View workflow job for this annotation

GitHub Actions / Build And Test (20.x) 

Classname 'ring-opacity-5' should be replaced by an opacity suffix (eg. '/5')
<Menu className="w-[167px]">
<MenuItem
className={`flex w-full items-center py-2 px-5 text-left text-base font-medium ${
className={`flex w-full items-center px-5 py-2 text-left text-base font-medium ${
language === 'ja'
? 'bg-orange-400 text-orange-50'
: 'bg-orange-500 text-orange-50 hover:bg-orange-600'
}`}

Check warning on line 104 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L97-L104 

Added lines #L97 - L104 were not covered by tests
>
<Link href={currentUrlPath} className="flex items-center w-full">
<Link
href={currentUrlPath}
className="flex w-full items-center"

Check warning on line 108 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L106-L108 

Added lines #L106 - L108 were not covered by tests
>
<span className="flex items-center gap-2">
{language === 'ja' && <RightIcon />}
<Text slot="label">日本語</Text>

Check warning on line 112 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L110-L112 

Added lines #L110 - L112 were not covered by tests
</span>
</Link>
</MenuItem>
<MenuItem
className={`flex w-full items-center py-2 px-5 text-left text-base font-medium ${
className={`flex w-full items-center px-5 py-2 text-left text-base font-medium ${
language === 'en'
? 'bg-orange-400 text-orange-50'
: 'bg-orange-500 text-orange-50 hover:bg-orange-600'
}`}

Check warning on line 121 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L116-L121 

Added lines #L116 - L121 were not covered by tests
>
<Link href={currentUrlPath} className="flex items-center w-full">
<Link
href={currentUrlPath}
className="flex w-full items-center"

Check warning on line 125 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L123-L125 

Added lines #L123 - L125 were not covered by tests
>
<span className="flex items-center gap-2">
{language === 'en' && <RightIcon />}
<Text slot="label">English</Text>

Check warning on line 129 in src/app/_components/Header.tsx

View check run for this annotation

Codecov / codecov/patch

src/app/_components/Header.tsx#L127-L129 

Added lines #L127 - L129 were not covered by tests
Expand Down

0 comments on commit 5fe3555

Please sign in to comment.