Prechádzať zdrojové kódy

Clean up layout with a Bootstrap navbar.

Frederic G. MARAND 9 rokov pred
rodič
commit
f790030506
3 zmenil súbory, kde vykonal 17 pridanie a 5 odobranie
  1. 8 2
      image_share.css
  2. 7 3
      image_share.html
  3. 2 0
      public/readme.txt

+ 8 - 2
image_share.css

@@ -1,6 +1,12 @@
 /* CSS declarations go here */
 .thumbnail {
-    min-height:500px;
-    max-height:500px;
+  height:500px;
+}
+
+.thumbnail-img {
+  max-height: 300px;
+}
 
+body {
+  padding-top: 50px;
 }

+ 7 - 3
image_share.html

@@ -5,11 +5,15 @@
 <body>
   {{> image_add_form }}
 
+  <nav class="navbar navbar-default navbar-fixed-top">
+    <div class="container">
+      {{> loginButtons }}
+    </div>
+  </nav>
+
   <div class="container">
     <h1>Welcome to image share!</h1>
 
-    {{> loginButtons }}
-    <br />
     {{> images}}
   </div>
 </body>
@@ -46,7 +50,7 @@
       <div class="col-xs-12 col-md-3" id="{{_id}}">
         <div class="thumbnail">
 
-          <img class="js-image" src="{{img_src}}" alt="{{img_alt}}" />
+          <img class="thumbnail-img js-image" src="{{img_src}}" alt="{{img_alt}}" />
 
           <div class="caption">
             <h3>Rating: {{ rating }}</h3>

+ 2 - 0
public/readme.txt

@@ -0,0 +1,2 @@
+put your images in this folder. We've removed them to make the file smaller to download. 
+