yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2025-12-13 20:14:15 +09:00
Code Releases Activity

Compare commits

base: yude:02b1adcf55e1d88eb1028b60c2e125e1a59fbfce
Branches Tags
yude:master yude:dependabot/npm_and_yarn/webpack-5.76.0 yude:dependabot/npm_and_yarn/json5-1.0.2 yude:dependabot/npm_and_yarn/minimist-1.2.8
yude:release
..
compare: yude:b35caef45ccedf869a3f30ea67c040fddcfe15d0
Branches Tags
yude:dependabot/npm_and_yarn/webpack-5.76.0 yude:dependabot/npm_and_yarn/json5-1.0.2 yude:dependabot/npm_and_yarn/minimist-1.2.8 yude:master
yude:release

4 Commits
02b1adcf55 ... b35caef45c

Author SHA1 Message Date
yude
b35caef45c Fix icon size on LangSelector 2022-01-02 18:34:06 +09:00
yude
7ac1c7199f Merge branch 'master' of https://github.com/yudejp/yude.jp 2022-01-02 18:18:39 +09:00
yude
f697eb9b85 Fix Font Awesome icon size 2022-01-02 18:18:31 +09:00
yude
16bb6398e4 Remove weird space 2022-01-02 18:18:25 +09:00
4 changed files with 8 additions and 8 deletions
Expand all files Collapse all files

10
pages/components/LangSelector.js
View File

@@ -31,7 +31,7 @@ const Dropdown = ({ color }) => {
<> <>
<div className="text-left mr-2 ml-2 my-3 float-right"> <div className="text-left mr-2 ml-2 my-3 float-right">
<button type="button" className="inline-flex justify-center w-full rounded-md border border-gray-300 dark:border-gray-800 shadow-sm px-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 dark:bg-gray-700 dark:text-white focus:outline-none" id="options-menu" aria-haspopup="true" aria-expanded="true" <button type="button" className="inline-flex justify-center rounded-md border border-gray-300 dark:border-gray-800 shadow-sm px-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 dark:bg-gray-700 dark:text-white focus:outline-none h-10" id="options-menu" aria-haspopup="true" aria-expanded="true"
style={{ transition: "all .15s ease" }} style={{ transition: "all .15s ease" }}
ref={btnDropdownRef} ref={btnDropdownRef}
onClick={() => { onClick={() => {
@@ -40,19 +40,19 @@ const Dropdown = ({ color }) => {
: openDropdownPopover(); : openDropdownPopover();
}} }}
> >
<FontAwesomeIcon icon={faLanguage} className="text-4xl" /> <FontAwesomeIcon icon={faLanguage} size="3x" />
<svg className="-mr-1 ml-2 h-9 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <svg className="-mr-1 ml-2 h-9 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fillRule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" /> <path fillRule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" />
</svg> </svg>
</button> </button>
<div ref={popoverDropdownRef} className={ <div ref={popoverDropdownRef} className={
(dropdownPopoverShow ? "block " : "hidden ") + "z-10 origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 dark:bg-gray-700"}> (dropdownPopoverShow ? "block " : "hidden ") + "z-10 origin-top-right absolute right-0 mt-2 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 dark:bg-gray-700"}>
<div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"> <div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<LanguageSwitcher lang="ja"> <LanguageSwitcher lang="ja">
<a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">日本語</a> <a href="#" className="block px-4 py-2 text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">日本語</a>
</LanguageSwitcher> </LanguageSwitcher>
<LanguageSwitcher lang="en"> <LanguageSwitcher lang="en">
<a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">English</a> <a href="#" className="block px-4 py-2 text-gray-700 hover:bg-gray-100 hover:text-gray-700 dark:text-white dark:hover:bg-gray-800" role="menuitem">English</a>
</LanguageSwitcher> </LanguageSwitcher>
</div> </div>
</div> </div>

2
pages/components/Menu/FontAwesomeMenu.js
View File

@@ -11,7 +11,7 @@ const FontAwesomeMenu = (props) => {
<div> <div>
<Link href={{ pathname: dest, query: query }}> <Link href={{ pathname: dest, query: query }}>
<a> <a>
<FontAwesomeIcon icon={icon} className="text-4xl fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /> <FontAwesomeIcon icon={icon} size="5x" className="w-9 h-9 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" />
</a> </a>
</Link> </Link>
</div> </div>

2
pages/components/Profile/Contact.js
View File

@@ -10,7 +10,7 @@ const Contact = (props) => {
<div className="hover:underline"> <div className="hover:underline">
<Link href={{ pathname: dest }}> <Link href={{ pathname: dest }}>
<a> <a>
<FontAwesomeIcon icon={icon} className="text-3xl inline lg:text-4xl md:w-7 md:h-7"/> <FontAwesomeIcon icon={icon} size="5x" className="w-9 h-9 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" />
<p className="font-mono text-xl">{caption}</p> <p className="font-mono text-xl">{caption}</p>
</a> </a>
</Link> </Link>