Merge pull request #14 from hoangsonww/improvements

Improvements
hoangsonww · Apr 25, 2024 · 37902a6 · 37902a6
2 parents 04e4760 + 98411a3
commit 37902a6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/404.html b/404.html
@@ -66,7 +66,7 @@
 </head>
 
 <body>
-    <header style="text-align: center">
+    <header style="text-align: center; background: rgba(255, 255, 255, 0.7); padding: 20px; border-radius: 16px">
         <img src="https://hoangsonww.github.io/WeatherMate-App/utils/logo.png" id="img" onclick="window.location.href='index.html'" title="Click to go back to the home page" style="cursor: pointer"/>
         <h1 id="my-heading">The WeatherMate App</h1>
         <div class="error-container">

diff --git a/WeatherMate-Mobile/www/404.html b/WeatherMate-Mobile/www/404.html
@@ -66,7 +66,7 @@
 </head>
 
 <body>
-    <header style="text-align: center">
+    <header style="text-align: center; background: rgba(255, 255, 255, 0.7); padding: 20px; border-radius: 16px">
         <img src="https://hoangsonww.github.io/WeatherMate-App/utils/logo.png" id="img" onclick="window.location.href='index.html'" title="Click to go back to the home page" style="cursor: pointer"/>
         <h1 id="my-heading">The WeatherMate App</h1>
         <div class="error-container">

diff --git a/WeatherMate-Mobile/www/src/css/style.css b/WeatherMate-Mobile/www/src/css/style.css
@@ -23,7 +23,7 @@ body {
 }
 
 #center {
-    background: rgba(255, 255, 255, 0.6);
+    background: rgba(255, 255, 255, 0.7);
     border-radius: 16px;
     padding: 15px;
     margin: 10px;
@@ -288,8 +288,8 @@ button:hover {
     border-radius: 15px;
     padding: 20px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-    width: 80%;
-    max-width: 600px;
+    width: 600px;
+    max-width: calc(100% - 20px);
     margin: 20px 0;
     overflow: hidden;
     border: 1px solid rgba(0, 0, 0, 0.1);

diff --git a/WeatherMate-Mobile/www/src/html/about.html b/WeatherMate-Mobile/www/src/html/about.html
@@ -18,11 +18,11 @@
 </head>
 <body>
 
-    <img src="../../utils/logo.png" id="img" onclick="window.location.href='../../index.html'" title="Click to go back to the home page" style="cursor: pointer"/>
+    <div class="content">
+        <img src="../../utils/logo.png" id="img" onclick="window.location.href='../../index.html'" title="Click to go back to the home page" style="cursor: pointer; display: block; margin: auto"/>
 
-    <h1 style="text-align: center">About The WeatherMate App</h1>
+        <h1 style="text-align: center">About The WeatherMate App</h1>
 
-    <div class="content">
         <p>
             Welcome to The WeatherMate App, your digital meteorologist! Its mission is to empower you with accurate, real-time weather updates whether you're at home or on the go. The WeatherMate App delivers a seamless experience, ensuring you're prepared for whatever the weather brings.
         </p>