Merge branch 'page_text_style' into 'master'

add page text style

See merge request saburly/kitabcitab/kitabcitab-frontend!5

kitabcitab/.next/build-manifest.json

@@ -15,6 +15,11 @@
   ],
   "rootMainFiles": [],
   "pages": {
+    "/": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/index.js"
+    ],
     "/_app": [
       "static/chunks/webpack.js",
       "static/chunks/main.js",
@@ -29,6 +34,11 @@
       "static/chunks/webpack.js",
       "static/chunks/main.js",
       "static/chunks/pages/results/[id].js"
+    ],
+    "/search": [
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/search.js"
     ]
   },
   "ampFirstPages": []

kitabcitab/.next/server/middleware-build-manifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST={"polyfillFiles":["static/chunks/polyfills.js"],"devFiles":["static/chunks/react-refresh.js"],"ampDevFiles":["static/chunks/webpack.js","static/chunks/amp.js"],"lowPriorityFiles":["static/development/_buildManifest.js","static/development/_ssgManifest.js"],"rootMainFiles":[],"pages":{"/_app":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/_app.js"],"/_error":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/_error.js"],"/results/[id]":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/results/[id].js"]},"ampFirstPages":[]}
+self.__BUILD_MANIFEST={"polyfillFiles":["static/chunks/polyfills.js"],"devFiles":["static/chunks/react-refresh.js"],"ampDevFiles":["static/chunks/webpack.js","static/chunks/amp.js"],"lowPriorityFiles":["static/development/_buildManifest.js","static/development/_ssgManifest.js"],"rootMainFiles":[],"pages":{"/":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/index.js"],"/_app":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/_app.js"],"/_error":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/_error.js"],"/results/[id]":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/results/[id].js"],"/search":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/search.js"]},"ampFirstPages":[]}

kitabcitab/.next/server/pages-manifest.json

@@ -2,5 +2,7 @@
   "/_app": "pages/_app.js",
   "/_error": "pages/_error.js",
   "/_document": "pages/_document.js",
-  "/results/[id]": "pages/results/[id].js"
+  "/results/[id]": "pages/results/[id].js",
+  "/search": "pages/search.js",
+  "/": "pages/index.js"
 }

kitabcitab/.next/static/chunks/_error.js

@@ -1,28 +0,0 @@
-/*
- * ATTENTION: An "eval-source-map" devtool has been used.
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([["/_error"],{
-
-/***/ "./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2Fhome%2Fismail%2FDesktop%2FKitabCitab%2Fkitabcitab-frontend%2Fkitabcitab%2Fnode_modules%2Fnext%2Fdist%2Fpages%2F_error.js&page=%2F_error!":
-/*!***********************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2Fhome%2Fismail%2FDesktop%2FKitabCitab%2Fkitabcitab-frontend%2Fkitabcitab%2Fnode_modules%2Fnext%2Fdist%2Fpages%2F_error.js&page=%2F_error! ***!
-  \***********************************************************************************************************************************************************************************************************************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-eval(__webpack_require__.ts("\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/_error\",\n      function () {\n        return __webpack_require__(/*! ./node_modules/next/dist/pages/_error.js */ \"./node_modules/next/dist/pages/_error.js\");\n      }\n    ]);\n    if(true) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/_error\"])\n      });\n    }\n  //# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvbmV4dC9kaXN0L2J1aWxkL3dlYnBhY2svbG9hZGVycy9uZXh0LWNsaWVudC1wYWdlcy1sb2FkZXIuanM/YWJzb2x1dGVQYWdlUGF0aD0lMkZob21lJTJGaXNtYWlsJTJGRGVza3RvcCUyRktpdGFiQ2l0YWIlMkZraXRhYmNpdGFiLWZyb250ZW5kJTJGa2l0YWJjaXRhYiUyRm5vZGVfbW9kdWxlcyUyRm5leHQlMkZkaXN0JTJGcGFnZXMlMkZfZXJyb3IuanMmcGFnZT0lMkZfZXJyb3IhLmpzIiwibWFwcGluZ3MiOiI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlLG1CQUFPLENBQUMsMEZBQTBDO0FBQ2pFO0FBQ0E7QUFDQSxPQUFPLElBQVU7QUFDakIsTUFBTSxVQUFVO0FBQ2hCO0FBQ0EsT0FBTztBQUNQO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FLz85MjBhIl0sInNvdXJjZXNDb250ZW50IjpbIlxuICAgICh3aW5kb3cuX19ORVhUX1AgPSB3aW5kb3cuX19ORVhUX1AgfHwgW10pLnB1c2goW1xuICAgICAgXCIvX2Vycm9yXCIsXG4gICAgICBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHJldHVybiByZXF1aXJlKFwiLi9ub2RlX21vZHVsZXMvbmV4dC9kaXN0L3BhZ2VzL19lcnJvci5qc1wiKTtcbiAgICAgIH1cbiAgICBdKTtcbiAgICBpZihtb2R1bGUuaG90KSB7XG4gICAgICBtb2R1bGUuaG90LmRpc3Bvc2UoZnVuY3Rpb24gKCkge1xuICAgICAgICB3aW5kb3cuX19ORVhUX1AucHVzaChbXCIvX2Vycm9yXCJdKVxuICAgICAgfSk7XG4gICAgfVxuICAiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2Fhome%2Fismail%2FDesktop%2FKitabCitab%2Fkitabcitab-frontend%2Fkitabcitab%2Fnode_modules%2Fnext%2Fdist%2Fpages%2F_error.js&page=%2F_error!\n"));
-
-/***/ })
-
-},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ __webpack_require__.O(0, ["main"], function() { return __webpack_exec__("./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2Fhome%2Fismail%2FDesktop%2FKitabCitab%2Fkitabcitab-frontend%2Fkitabcitab%2Fnode_modules%2Fnext%2Fdist%2Fpages%2F_error.js&page=%2F_error!"); });
-/******/ var __webpack_exports__ = __webpack_require__.O();
-/******/ _N_E = __webpack_exports__;
-/******/ }
-]);

kitabcitab/.next/static/chunks/webpack.js

@@ -131,7 +131,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	!function() {
-/******/ 		__webpack_require__.h = function() { return "643b973058be7d13"; }
+/******/ 		__webpack_require__.h = function() { return "7b8e61181ee4068a"; }
 /******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/global */

kitabcitab/.next/static/development/_buildManifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST = {__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/_error":["static\u002Fchunks\u002Fpages\u002F_error.js"],"/results/[id]":["static\u002Fchunks\u002Fpages\u002Fresults\u002F[id].js"],sortedPages:["\u002F_app","\u002F_error","\u002Fresults\u002F[id]"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()
+self.__BUILD_MANIFEST = {__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static\u002Fchunks\u002Fpages\u002Findex.js"],"/_error":["static\u002Fchunks\u002Fpages\u002F_error.js"],"/results/[id]":["static\u002Fchunks\u002Fpages\u002Fresults\u002F[id].js"],"/search":["static\u002Fchunks\u002Fpages\u002Fsearch.js"],sortedPages:["\u002F","\u002F_app","\u002F_error","\u002Fresults\u002F[id]","\u002Fsearch"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()

kitabcitab/components/Page.js

@@ -5,19 +5,23 @@ const Page = () => {
     const text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet, ante non condimentum tincidunt, nulla eros consectetur lacus, eu sagittis massa massa sit amet odio. Cras porttitor pharetra dapibus. Pellentesque lacinia iaculis libero eget dapibus. Nulla fermentum consectetur nisi, a sodales nisi dictum non. Sed placerat, enim quis tristique ullamcorper, nisl nisl semper lorem, vel euismod nunc mauris fringilla est. Vestibulum sit amet dui varius, posuere velit et, tempus est. Nullam pellentesque pretium nulla tempor ullamcorper. Curabitur at nisi pharetra, rhoncus risus at, malesuada velit. Nulla lobortis est vel odio pellentesque gravida. Ut id sem suscipit, maximus augue at, dictum sem. Ut vestibulum felis massa, ut dapibus elit porttitor et. Aenean consequat a ipsum volutpat pellentesque. Phasellus turpis ligula, mollis vel maximus ac, pretium sit amet magna. Suspendisse commodo sit amet arcu at condimentum. Praesent vitae enim turpis. Pellentesque luctus orci tincidunt felis iaculis scelerisque. Maecenas placerat, erat vitae scelerisque vehicula, neque augue imperdiet ligula, in pretium turpis mi at nulla. Nullam ornare dolor sapien, non suscipit risus laoreet ac. Suspendisse molestie leo a diam tincidunt, ac mattis nisi laoreet. Curabitur ultrices id augue suscipit euismod. Praesent rhoncus vitae nulla ultricies molestie. Quisque mi dolor, aliquam nec pellentesque sollicitudin, sagittis ut metus. Fusce eu diam eget lorem sollicitudin feugiat. Sed a urna mauris. Vestibulum eget elit dui. Curabitur at ex dolor. Aliquam erat volutpat. Duis quam ligula, imperdiet viverra quam vitae, facilisis suscipit metus. Praesent et pretium velit, ut sollicitudin mi. Nulla lacinia id nisi sit amet venenatis. In sollicitudin, dolor sit amet faucibus efficitur, metus urna pretium sapien, quis lacinia risus quam in felis. Curabitur tempor dui eget odio eleifend viverra."
 
   return (
-    <div className='flex justify-self-end self-end'>
+    <div className='page flex laptop:justify-center laptop:min-w-[100%]'>
     <p className='
     min-w-[90vw]
-    w-[90vw]
-    tablet:w-[70vw]
+    w-[100%]
+    px-5
+    mt-8
 
-    laptop:min-w-[40vw]
-    laptop:w-[40vw]
+    tablet:w-[100%]
+    tablet:px-[5rem]
 
-    laptop:self-end
-    laptop:justify-self-end
-    text-center
+    laptop:min-w-[45vw]
+    laptop:w-[50vw]
+
+    text-justify
     text-white
+    font-serif
+    text-2xl
     '
     >
         {text}

kitabcitab/components/Result.js

@@ -10,7 +10,7 @@ const Result = ({result}) => {
     self-end
     bg-[#202124] 
     w-[100%]
-    max-w-[50vw]
+    laptop:max-w-[50vw]
     p-3 m-auto
     border-4
     border-[#303134]

kitabcitab/pages/results/[id]/index.js

@@ -6,7 +6,7 @@ const result = () => {
 
   return (
     <>
-        <div className="flex flex-col laptop:flex-row flex-wrap items-start w-[100vw] laptop:w-[84vw] laptop:min-h-[20vh] laptop:max-w-[90vw]">
+        <div className="flex flex-col laptop:flex-row flex-wrap items-end w-[100vw] laptop:w-[84vw] laptop:min-h-[20vh] laptop:max-w-[90vw]">
             <div className="p-10 w-[100vw] laptop:w-[25rem]">
                 <Link href='/'><p className="text-5xl tablet:text-6xl laptop:text-3xl text-white text-center font-serif ">KitabCitab</p></Link>
             </div>
@@ -23,14 +23,14 @@ const result = () => {
                 tablet:w-[70vw]
 
                 laptop:min-w-[40vw]
-                laptop:w-[60vw]
+                laptop:w-[40vw]
                 laptop:mx-0
                 laptop:my-10
                 laptop:justify-between
                 "
             >
                 <i className='rounded-3xl text-[#fff] px-3 py-auto' onClick={() => console.log("Prev page")}><AiOutlineLeft size={25} /></i>
-                <p className="text-xl tablet:text-2xl laptop:text-3xl text-[#fff] font-serif text-center">"Hamine pustolovine", Muhamed Ahmed Mustafa, str.71</p>
+                <p className="text-base tablet:text-2xl laptop:text-2xl text-[#fff] font-serif text-center">"Hamine pustolovine", Muhamed Ahmed Mustafa, str.71</p>
                 <i className='rounded-3xl text-[#fff] px-3 py-auto' onClick={() => console.log("Next page")}><AiOutlineRight size={25} /></i>
             </div>
             <Page />

kitabcitab/pages/search.js

@@ -34,7 +34,7 @@ const SearchPage = () => {
                 <i className='rounded-3xl text-[#9aa0a6] px-3 py-auto' onClick={() => console.log("Remove text from input")}><AiOutlineClose size={25} /></i>
             </div>
         </div>
-        <Results />
+        <Results  />
     </div>
   )
 }