update style

src/script/components/body/header-navbar.js

@@ -46,6 +46,9 @@ class headerNavbar extends HTMLElement {
           overflow: hidden;
           text-overflow: ellipsis;
           z-index: 5;
+          display: flex;
+          align-items: center;
+          justify-content: center;
         }
         .navbar a {
           font-size: 1rem;

src/script/components/body/search-form.js

@@ -64,7 +64,7 @@ class SearchForm extends HTMLElement {
         <form name="anime-search-form">
             <input type="text" id="search-input" autocomplete="off" spellcheck="false" placeholder="search" 
             maxlength="20" required>
-            <input type="submit" id="search-submit">
+            <input type="submit" id="search-submit" value="submit">
         </form>
         
         <nav class="navbar-top">

src/style/style.css

@@ -27,7 +27,9 @@ body {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
+    overflow-y: scroll;
 }
+
 @media (max-width:678px) {
     body {
         padding: 0;

webpack.prod.js

@@ -1,15 +1,15 @@
-const { merge } = require('webpack-merge')
-const common = require('./webpack.common')
-const { CleanWebpackPlugin } = require('clean-webpack-plugin')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
-const TerserPlugin = require('terser-webpack-plugin')
+const { merge } = require("webpack-merge");
+const common = require("./webpack.common");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 
 module.exports = merge(common, {
-  mode: 'production',
+  mode: "production",
   plugins: [
-    new MiniCssExtractPlugin({ filename: '[name].[contenthash].css' }),
-    new CleanWebpackPlugin()
+    new MiniCssExtractPlugin({ filename: "[name].[contenthash].css" }),
+    new CleanWebpackPlugin(),
   ],
   module: {
     rules: [
@@ -18,26 +18,27 @@ module.exports = merge(common, {
         exclude: /node_modules/,
         use: [
           {
-            loader: 'babel-loader',
+            loader: "babel-loader",
             options: {
-              presets: ['@babel/preset-env']
-            }
-          }
-        ]
-      }
-    ]
+              presets: ["@babel/preset-env"],
+            },
+          },
+        ],
+      },
+    ],
   },
   optimization: {
     minimize: true,
     minimizer: [
       new CssMinimizerPlugin(),
-      (compiler) => {
-        new TerserPlugin({
-          terserOptions: {
-            compress: {}
-          }
-        }).apply(compiler)
-      }
-    ]
-  }
-})
+      new TerserPlugin({
+        terserOptions: {
+          compress: {},
+        },
+      }),
+    ],
+    splitChunks: {
+      chunks: "all",
+    },
+  },
+});