last responsive

danieleverest · Feb 11, 2024 · ff8e479 · ff8e479
1 parent 71bda5b
commit ff8e479
Show file tree

Hide file tree

Showing 11 changed files with 22 additions and 15 deletions.
diff --git a/static/hbnb/build/asset-manifest.json b/static/hbnb/build/asset-manifest.json
@@ -1,13 +1,13 @@
 {
   "files": {
-    "main.css": "/static/css/main.56247d6e.css",
-    "main.js": "/static/js/main.605690fe.js",
+    "main.css": "/static/css/main.db340be2.css",
+    "main.js": "/static/js/main.86975d12.js",
     "index.html": "/index.html",
-    "main.56247d6e.css.map": "/static/css/main.56247d6e.css.map",
-    "main.605690fe.js.map": "/static/js/main.605690fe.js.map"
+    "main.db340be2.css.map": "/static/css/main.db340be2.css.map",
+    "main.86975d12.js.map": "/static/js/main.86975d12.js.map"
   },
   "entrypoints": [
-    "static/css/main.56247d6e.css",
-    "static/js/main.605690fe.js"
+    "static/css/main.db340be2.css",
+    "static/js/main.86975d12.js"
   ]
 }
diff --git a/static/hbnb/build/index.html b/static/hbnb/build/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"/><link rel="manifest" href="/manifest.json"/><meta property="og:url" content="https://hbnb.datro.xyz/"><meta property="og:title" content="Hotspotβnβ"><meta property="og:image" content="https://hbnb.datro.xyz/img/favicon-194x194.webp"><meta property="og:site_name" content="Hotspotβnβ"><meta property="og:description" content="Hotspotβnβ - Host Apps of your Wi-Fi Access Point"><meta itemprop="name" content="Hotspotβnβ"><meta itemprop="description" content="Hotspotβnβ - Host Apps on your Wi-Fi Access Point"><meta itemprop="image" content="./img/favicon-194x194.webp"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Hotspotβnβ"><meta name="twitter:description" content="Hotspotβnβ - Host Apps on your Wi-Fi Access Point"><meta name="twitter:image" content="./img/favicon-194x194.webp"><meta name="description" content="Hotspotβnβ - Host Apps on your Wi-Fi Access Point"><meta name="keywords" content="Hotspotβnβ, apps, webapps, wi-fi, rpi4, rpi, pi, wi-fi software, router software"><link rel="android-icon" sizes="36x36" href="./img/android-icon-36x36.webp"><link rel="android-icon" sizes="48x48" href="./img/android-icon-48x48.webp"><link rel="android-icon" sizes="72x72" href="./img/android-icon-72x72.webp"><link rel="android-icon" sizes="96x96" href="./img/android-icon-76x76.webp"><link rel="android-icon" sizes="114x114" href="./img/android-icon-114x114.webp"><link rel="android-icon" sizes="192x192" href="./img/android-icon-192x192.webp"><link rel="android-chrome" sizes="192x192" href="./img/android-chrome-192x192.webp"><link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152x152.webp"><link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180x180.webp"><link rel="apple-touch-icon" sizes="57x57" href="./img/apple-touch-icon-57x57.webp"><link rel="apple-touch-icon" sizes="60x60" href="./img/apple-touch-icon-60x60.webp"><link rel="apple-touch-icon" sizes="72x72" href="./img/apple-touch-icon-72x72.webp"><link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76x76.webp"><link rel="apple-touch-icon" sizes="114x114" href="./img/apple-touch-icon-114x114.webp"><link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120x120.webp"><link rel="apple-touch-icon" sizes="144x144" href="./img/apple-touch-icon-144x144.webp"><link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152x152.webp"><link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180x180.webp"><link rel="icon" type="image/png" href="./img/favicon-16x16.webp" sizes="16x16"><link rel="icon" type="image/png" href="./img/favicon-32x32.webp" sizes="32x32"><link rel="icon" type="image/png" href="./img/favicon-96x96.webp" sizes="96x96"><link rel="icon" type="image/png" href="./img/favicon-194x194.webp" sizes="194x194"><style>html{overflow-y:scroll}::-webkit-scrollbar{width:0;background:0 0}</style><script async src="https://www.googletagmanager.com/gtag/js?id=G-6BTNPTMXBF"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-6BTNPTMXBF")</script><title>Hotspotβnβ</title><style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);html{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}</style><script defer="defer" src="/static/js/main.605690fe.js"></script><link href="/static/css/main.56247d6e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>function getHeight(e){var t,i=window.getComputedStyle(e),l=i.display,a=i.maxHeight.replace("px","").replace("%","");return"none"!==l&&"0"!==a?e.offsetHeight:(e.style.display="block",t=e.offsetHeight,e.style.display=l,t)}function toggleSlide(e){var t=0;e.getAttribute("data-max-height")?"0"===e.style.maxHeight.replace("px","").replace("%","")?e.style.maxHeight=e.getAttribute("data-max-height"):e.style.maxHeight="0":(t=getHeight(e)+"px",e.style.transition="max-height 0.5s ease-in-out",e.style.overflowY="hidden",e.style.maxHeight="0",e.setAttribute("data-max-height",t),e.style.display="block",setTimeout((function(){e.style.maxHeight=t}),10),setTimeout((function(){document.querySelector(".hide").style.transition="all 0s 0s ease",document.querySelector(".hide").style["max-height"]="none"}),700))}if(window.addEventListener)var el_read_more=document.querySelector(".read-more");el_read_more&&el_read_more.addEventListener("click",(function(e){return this.style.display="none",document.querySelector(".hide-inline").style.display="inline",toggleSlide(document.querySelector(".hide")),e.preventDefault(),!1}),!1)</script><script type="application/ld+json">{
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"/><link rel="manifest" href="/manifest.json"/><meta property="og:url" content="https://hbnb.datro.xyz/"><meta property="og:title" content="Hotspotβnβ"><meta property="og:image" content="https://hbnb.datro.xyz/img/favicon-194x194.webp"><meta property="og:site_name" content="Hotspotβnβ"><meta property="og:description" content="Hotspotβnβ - Host Apps of your Wi-Fi Access Point"><meta itemprop="name" content="Hotspotβnβ"><meta itemprop="description" content="Hotspotβnβ - Host Apps on your Wi-Fi Access Point"><meta itemprop="image" content="./img/favicon-194x194.webp"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Hotspotβnβ"><meta name="twitter:description" content="Hotspotβnβ - Host Apps on your Wi-Fi Access Point"><meta name="twitter:image" content="./img/favicon-194x194.webp"><meta name="description" content="Hotspotβnβ - Host Apps on your Wi-Fi Access Point"><meta name="keywords" content="Hotspotβnβ, apps, webapps, wi-fi, rpi4, rpi, pi, wi-fi software, router software"><link rel="android-icon" sizes="36x36" href="./img/android-icon-36x36.webp"><link rel="android-icon" sizes="48x48" href="./img/android-icon-48x48.webp"><link rel="android-icon" sizes="72x72" href="./img/android-icon-72x72.webp"><link rel="android-icon" sizes="96x96" href="./img/android-icon-76x76.webp"><link rel="android-icon" sizes="114x114" href="./img/android-icon-114x114.webp"><link rel="android-icon" sizes="192x192" href="./img/android-icon-192x192.webp"><link rel="android-chrome" sizes="192x192" href="./img/android-chrome-192x192.webp"><link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152x152.webp"><link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180x180.webp"><link rel="apple-touch-icon" sizes="57x57" href="./img/apple-touch-icon-57x57.webp"><link rel="apple-touch-icon" sizes="60x60" href="./img/apple-touch-icon-60x60.webp"><link rel="apple-touch-icon" sizes="72x72" href="./img/apple-touch-icon-72x72.webp"><link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76x76.webp"><link rel="apple-touch-icon" sizes="114x114" href="./img/apple-touch-icon-114x114.webp"><link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120x120.webp"><link rel="apple-touch-icon" sizes="144x144" href="./img/apple-touch-icon-144x144.webp"><link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152x152.webp"><link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180x180.webp"><link rel="icon" type="image/png" href="./img/favicon-16x16.webp" sizes="16x16"><link rel="icon" type="image/png" href="./img/favicon-32x32.webp" sizes="32x32"><link rel="icon" type="image/png" href="./img/favicon-96x96.webp" sizes="96x96"><link rel="icon" type="image/png" href="./img/favicon-194x194.webp" sizes="194x194"><style>html{overflow-y:scroll}::-webkit-scrollbar{width:0;background:0 0}</style><script async src="https://www.googletagmanager.com/gtag/js?id=G-6BTNPTMXBF"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-6BTNPTMXBF")</script><title>Hotspotβnβ</title><style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);html{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}</style><script defer="defer" src="/static/js/main.86975d12.js"></script><link href="/static/css/main.db340be2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>function getHeight(e){var t,i=window.getComputedStyle(e),l=i.display,a=i.maxHeight.replace("px","").replace("%","");return"none"!==l&&"0"!==a?e.offsetHeight:(e.style.display="block",t=e.offsetHeight,e.style.display=l,t)}function toggleSlide(e){var t=0;e.getAttribute("data-max-height")?"0"===e.style.maxHeight.replace("px","").replace("%","")?e.style.maxHeight=e.getAttribute("data-max-height"):e.style.maxHeight="0":(t=getHeight(e)+"px",e.style.transition="max-height 0.5s ease-in-out",e.style.overflowY="hidden",e.style.maxHeight="0",e.setAttribute("data-max-height",t),e.style.display="block",setTimeout((function(){e.style.maxHeight=t}),10),setTimeout((function(){document.querySelector(".hide").style.transition="all 0s 0s ease",document.querySelector(".hide").style["max-height"]="none"}),700))}if(window.addEventListener)var el_read_more=document.querySelector(".read-more");el_read_more&&el_read_more.addEventListener("click",(function(e){return this.style.display="none",document.querySelector(".hide-inline").style.display="inline",toggleSlide(document.querySelector(".hide")),e.preventDefault(),!1}),!1)</script><script type="application/ld+json">{
           "@context": "https://schema.org/",
           "@type": "Organization",
           "url": "https://hbnb.datro.xyz/",

diff --git a/static/hbnb/build/static/css/main.56247d6e.css b/static/hbnb/build/static/css/main.56247d6e.css
diff --git a/static/hbnb/build/static/css/main.56247d6e.css.map b/static/hbnb/build/static/css/main.56247d6e.css.map
diff --git a/static/hbnb/build/static/css/main.db340be2.css b/static/hbnb/build/static/css/main.db340be2.css
diff --git a/static/hbnb/build/static/css/main.db340be2.css.map b/static/hbnb/build/static/css/main.db340be2.css.map
diff --git a/static/hbnb/build/static/js/main.605690fe.js → static/hbnb/build/static/js/main.86975d12.js b/static/hbnb/build/static/js/main.605690fe.js → static/hbnb/build/static/js/main.86975d12.js
diff --git a/...ld/static/js/main.605690fe.js.LICENSE.txt → ...ld/static/js/main.86975d12.js.LICENSE.txt b/...ld/static/js/main.605690fe.js.LICENSE.txt → ...ld/static/js/main.86975d12.js.LICENSE.txt
diff --git a/...hbnb/build/static/js/main.605690fe.js.map → ...hbnb/build/static/js/main.86975d12.js.map b/...hbnb/build/static/js/main.605690fe.js.map → ...hbnb/build/static/js/main.86975d12.js.map
diff --git a/static/hbnb/src/components/layout/Sidebar.js b/static/hbnb/src/components/layout/Sidebar.js
@@ -28,7 +28,7 @@ export default function SidebarWithLogo() {
         <>
             <div className="relative lg:flex bg-gray-300">
                 <Card className="lg:w-1/2 md:w-3/4 sm:w-full -top-40 bg-transparent left-0 z-10 rounded-br-6xl text-white/10 lg:-inset-y-24 shadow-none">
-                    <Card className="w-full sidebar-left text white lg:pt-16 md:pt-32 sm:pt-36">
+                    <Card className="w-full sidebar-left text white lg:pt-16 md:pt-32 sm:pt-36 phonecase">
                         <div className="mt-8 lg:mr-32 md:mr-32">
                             <CardBody className="flex flex-col gap-4 text-white shadow-none">
                                 <Typography variant="small" className="font-normal text-white opacity-80">

diff --git a/static/hbnb/src/index.css b/static/hbnb/src/index.css
@@ -29,6 +29,13 @@ code {
   /* border-bottom-right-radius: 3rem; */
 }
 
+@media (max-width: 540px) {
+  .phonecase {
+    padding-top: 8rem;
+  }
+
+}
+
 .sidebar-left1 {
   background-color: transparent;
   box-shadow: none;