#23 バグの修正およびリファクタリング等

frontend/src/components/ErrorScreen.tsx

@@ -31,7 +31,7 @@ export default ({ status }: Props) => {
   style.innerHTML = `
       @font-face
       {
-	font-family: 'MyFont';
+	font-family: 'Nikumaru';
 	src: url(${ nikumaru }) format('opentype');
       }`
   document.head.appendChild (style)
@@ -42,15 +42,15 @@ export default ({ status }: Props) => {
 	  <meta name="robots" content="noindex" />
 	  <title>{title} | {SITE_TITLE}</title>
 	</Helmet>
-	<div className="text-6xl font-bold text-transparent whitespace-nowrap
+	<div className="text-2xl sm:text-4xl md:text-6xl font-bold text-transparent
 			bg-[linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]
 			bg-clip-text bg-[length:200%_100%] animate-rainbow-scroll drop-shadow-[0_0_6px_black]
-			space-y-6 text-center flex flex-col justify-center items-center"
-	     style={{ fontFamily: 'MyFont' }}>
+			space-y-2 sm:space-y-4 md:space-y-6 text-center flex flex-col justify-center items-center"
+	     style={{ fontFamily: 'Nikumaru' }}>
 	  <p>{status}</p>
-	  <div className="flex space-x-4">
+	  <div className="flex flex-row space-x-1 sm:space-x-2 md:space-x-4">
 	    <p style={{ writingMode: 'vertical-rl' }}>{leftMsg}</p>
-	    <img src={errorImg} alt="逃げたギター" />
+	    <img className="max-w-[70vw]" src={errorImg} alt="逃げたギター" />
 	    <p style={{ writingMode: 'vertical-rl' }}>{rightMsg}</p>
 	  </div>
 	  <p className="mr-[-.5em]">{message}</p>