]> _ Git - pmi.git/commitdiff
projects / pmi.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 7030c65)
wip #2841 @1.00
authornael <nael@cubedesigners.com>
Tue, 18 Jun 2019 11:34:25 +0000 (13:34 +0200)
committernael <nael@cubedesigners.com>
Tue, 18 Jun 2019 11:34:25 +0000 (13:34 +0200)
public/_modules/search/index.html patch | blob | history
public/_modules/search/style.styl patch | blob | history

diff --git a/public/_modules/search/index.html b/public/_modules/search/index.html
index 16772e7add19f4bb5f3eaecd212ccc23cc8264b0..72a842c43d4302477867e3d3d09f43f36d0eaf62 100644 (file)
--- a/public/_modules/search/index.html
+++ b/public/_modules/search/index.html
@@ -13,10 +13,10 @@
 <body>
 
 <div id="search" class=" mt-5 flex flex-col ">
-    <div class="search-wrapper sm:w-full sm:max-w-full">
-        <div class="searchbar-container p-12 flex sm:flex-col ">
-            <input class="py-3 px-6 searchbar sm:w-full sm:max-w-full" type="text" placeholder="Saisissez votre recherche">
-            <button class="search-btn bg-blue py-3 px-12 flex text-white items-center sm:mt-3">
+    <div class="search-wrapper md:w-full md:max-w-full">
+        <div class="searchbar-container flex md:flex-col">
+            <input class="py-3 px-6 searchbar md:w-full md:max-w-full" type="text" placeholder="Saisissez votre recherche">
+            <button class="search-btn bg-blue py-3 px-12 flex text-white justify-center items-center md:mt-3">
                 <img class="mr-3 search-icon" src="img/search-icon.svg" alt="">Rechercher</button>
         </div>
         <div class="mt-6">
diff --git a/public/_modules/search/style.styl b/public/_modules/search/style.styl
index 3257d708e0a3003b08b6eb7566829226ba00c12d..06d7068e3a785722e3c0c1d8db4c9dd6ad06ee7f 100644 (file)
--- a/public/_modules/search/style.styl
+++ b/public/_modules/search/style.styl
@@ -17,12 +17,17 @@ $verylightgrey =#E7E9F3
 #search
   margin-left: 10vw
   margin-right: 10vw
+  @media (max-width : 990px)
+    margin 5vw
 .search-wrapper
-  width 67.9vw
-  max-width 67.9vw
+  width: 58.75vw
+  max-width: 58.75vw
 .searchbar-container
   background $lightgrey
   width 100%
+  padding 2.5vw
+  @media (max-width : 500px)
+    padding 7.5vw
 .searchbar
   max-width: 46.1vw;
   width: 46.1vw;
Unnamed repository; edit this file 'description' to name the repository.