diff --git a/styles/Home.module.css b/styles/Home.module.css index d0784c9..97fe082 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -1,4 +1,3 @@ - .page_container { position: relative; background-size: cover; @@ -7,17 +6,16 @@ z-index: 1000; } - .form_container { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); border-radius: 8px; padding: 20px; - max-width: 500px; - margin: 0 auto; + max-width: 500px; + margin: 0 auto; } .background_container { - background-image: url('/background.jpg'); + background-image: url("/background.jpg"); background-size: cover; background-position: center; position: relative; @@ -33,6 +31,6 @@ right: 0; bottom: 0; left: 0; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0.5); z-index: 0; } diff --git a/styles/book-search.module.css b/styles/book-search.module.css index 7f67df9..f69a5c9 100644 --- a/styles/book-search.module.css +++ b/styles/book-search.module.css @@ -1,4 +1,3 @@ - .box_field { display: flex; flex-direction: column; @@ -6,108 +5,106 @@ } .content_container { - display: flex; - align-items: center; - justify-content: flex-start; - gap: 10px; + display: flex; + align-items: center; + justify-content: flex-start; + gap: 10px; } -.nav_pages{ +.nav_pages { margin-left: auto; display: flex; - justify-content: flex-end; + justify-content: flex-end; align-items: center; } .page_button { padding: 10px 15px; margin: 0 5px; - border: 2px solid #007BFF; + border: 2px solid #007bff; background-color: white; - color: #007BFF; + color: #007bff; font-size: 16px; cursor: pointer; - transition: background-color 0.3s, color 0.3s; - border-radius: 5px; + transition: + background-color 0.3s, + color 0.3s; + border-radius: 5px; user-select: none; } .page_button:hover { - box-shadow: 0 2px 5px 0 rgba(0,123,255,0.5); + box-shadow: 0 2px 5px 0 rgba(0, 123, 255, 0.5); } .page_button:focus { outline: none; - box-shadow: 0 0 0 3px rgba(0,123,255,0.3); + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3); } - .language_button { padding: 10px 15px; margin: 0 5px; - border: 2px solid #007BFF; + border: 2px solid #007bff; background-color: white; - color: #007BFF; + color: #007bff; font-size: 16px; cursor: pointer; - transition: background-color 0.3s, color 0.3s; - border-radius: 5px; - user-select: none; + transition: + background-color 0.3s, + color 0.3s; + border-radius: 5px; + user-select: none; } .language_button.active { - background-color: #007BFF; - color: white; - border-color: #0056b3; + background-color: #007bff; + color: white; + border-color: #0056b3; } - .language_button:hover { - box-shadow: 0 2px 5px 0 rgba(0,123,255,0.5); + box-shadow: 0 2px 5px 0 rgba(0, 123, 255, 0.5); } - .language_button:focus { outline: none; - box-shadow: 0 0 0 3px rgba(0,123,255,0.3); + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3); } - .search_box { padding: 10px 15px; - width: 100%; - max-width: 400px; - border: 2px solid #007BFF; - border-radius: 25px; - outline: none; - font-size: 16px; - color: #333; - transition: border-color 0.3s; + width: 100%; + max-width: 400px; + border: 2px solid #007bff; + border-radius: 25px; + outline: none; + font-size: 16px; + color: #333; + transition: border-color 0.3s; } -.search_box::placeholder { - color: #888; +.search_box::placeholder { + color: #888; } -.search_box:focus { +.search_box:focus { border-color: #0056b3; - box-shadow: 0 0 5px rgba(0,123,255,0.5); + box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); } - - .loading { display: flex; justify-content: center; align-items: center; - height: 100vh; - width: 100vw; - font-size: 24px; - font-family: 'Arial', sans-serif; - color: #555; + height: 100vh; + width: 100vw; + font-size: 24px; + font-family: "Arial", sans-serif; + color: #555; background-color: rgba(255, 255, 255, 0.8); - position: fixed; + position: fixed; top: 0; left: 0; - z-index: 0; -} \ No newline at end of file + z-index: 0; +} diff --git a/styles/book.module.css b/styles/book.module.css index 2371980..ac8bbb4 100644 --- a/styles/book.module.css +++ b/styles/book.module.css @@ -1,64 +1,56 @@ - - .book_item { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px; - margin: 10px 0; - background-color: white; - box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); - border-radius: 4px; - } - + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + margin: 10px 0; + background-color: white; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + border-radius: 4px; +} + .book_title { - color: #333; - font-size: 1.2em; - font-weight: 600; + color: #333; + font-size: 1.2em; + font-weight: 600; } - + .book_author { - color: #666; - font-size: 1em; - margin-top: 4px; + color: #666; + font-size: 1em; + margin-top: 4px; } .heart_icon { - display: flex; - width: 24px; - height: auto; - cursor: pointer; - align-items: right; + display: flex; + width: 24px; + height: auto; + cursor: pointer; + align-items: right; } - .favorite_container { - padding: 0; - border: none; - background: none; - + padding: 0; + border: none; + background: none; } .book_link { - text-decoration: none; - color: inherit; - display: flex; - justify-content: flex-end; - margin-right: 20px; - margin-left: 20px; - transition: color 0.3s; + text-decoration: none; + color: inherit; + display: flex; + justify-content: flex-end; + margin-right: 20px; + margin-left: 20px; + transition: color 0.3s; } .book_link:hover { - color: #007bff; + color: #007bff; } - .book_actions { - display: flex; - align-items: center; + display: flex; + align-items: center; } - - - diff --git a/styles/books-page.module.css b/styles/books-page.module.css index fc3e3c4..70e5591 100644 --- a/styles/books-page.module.css +++ b/styles/books-page.module.css @@ -1,19 +1,17 @@ .background_container { - background-image: url('/background.jpg'); - background-size: cover; - background-position: center; - position: relative; - z-index: 0; - } - - .background_overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: rgba(255, 255, 255, 0.5); - z-index: 0; - } - + background-image: url("/background.jpg"); + background-size: cover; + background-position: center; + position: relative; + z-index: 0; +} +.background_overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(255, 255, 255, 0.5); + z-index: 0; +} diff --git a/styles/footer.module.css b/styles/footer.module.css index 0ec714e..981b8fd 100644 --- a/styles/footer.module.css +++ b/styles/footer.module.css @@ -1,8 +1,7 @@ .footer { - background-color: rgba(255, 255, 255, 0); - color: white; - text-align: center; - padding: 20px 0; - margin-top: auto; - } - \ No newline at end of file + background-color: rgba(255, 255, 255, 0); + color: white; + text-align: center; + padding: 20px 0; + margin-top: auto; +} diff --git a/styles/global.css b/styles/global.css index 355f74b..07519f0 100644 --- a/styles/global.css +++ b/styles/global.css @@ -17,9 +17,7 @@ body { sans-serif; font-size: 16px; height: 100vh; -} */ - - +} a { color: inherit; text-decoration: none; @@ -34,7 +32,6 @@ img { height: auto; } - :root { --background-color: #fff; --text-color: #000; @@ -49,4 +46,3 @@ body { background-color: var(--background-color); color: var(--text-color); } - diff --git a/styles/hero.module.css b/styles/hero.module.css index b693141..ca28380 100644 --- a/styles/hero.module.css +++ b/styles/hero.module.css @@ -1,22 +1,20 @@ +.hero-content { + position: absolute; + text-align: center; +} - .hero-content { - position: absolute; - text-align: center; - } - - .hero h1 { - font-size: 3rem; - margin-bottom: 1rem; - } - - .hero p { - font-size: 1.5rem; - } - +.hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} - .hero { - text-align: center; - padding: 50px 0; - color: white; - font: 1em sans-serif; - } \ No newline at end of file +.hero p { + font-size: 1.5rem; +} + +.hero { + text-align: center; + padding: 50px 0; + color: white; + font: 1em sans-serif; +} diff --git a/styles/navbar.module.css b/styles/navbar.module.css index 0a3f65f..eeb337a 100644 --- a/styles/navbar.module.css +++ b/styles/navbar.module.css @@ -1,7 +1,7 @@ .navbar { z-index: 1000; position: relative; - background-color: rgba(255, 255, 255, 0); /* przezroczyste tło */ + background-color: rgba(255, 255, 255, 0); overflow: hidden; display: flex; flex-direction: column; @@ -11,29 +11,29 @@ } .navLinks { - list-style: none; /* usuwa wypunktowanie */ + list-style: none; display: flex; justify-content: center; - padding: 0; /* usuwa domyślne paddingi dla listy */ - margin: 0; /* usuwa domyślne marginesy dla listy */ + padding: 0; + margin: 0; } .navLinkItem { - margin-right: 30px; /* odstępy między linkami, ostatni link nie potrzebuje marginesu */ - text-decoration: none; /* usuwa podkreślenie */ - color: #333; /* kolor tekstu */ + margin-right: 30px; + text-decoration: none; + color: #333; } .navLinkItem:last-child { - margin-right: 0; /* usuwa margines z ostatniego elementu, aby nie było przesunięcia */ + margin-right: 0; } .navLinkItem a { - text-decoration: none; /* usuwa podkreślenie z linków */ - color: inherit; /* spowoduje, że linki będą miały ten sam kolor co element rodzica */ - transition: color 0.3s; /* płynna zmiana koloru przy hover */ + text-decoration: none; + color: inherit; + transition: color 0.3s; } .navLinkItem a:hover { - color: #007bff; /* kolor tekstu linków po najechaniu kursorem */ + color: #007bff; }