Fixed responsive layout

gobitfly · May 11, 2017 · ced17ab · zunaalabaya · Jun 6, 2018 · ced17ab
1 parent ca9e547
commit ced17ab
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 40 deletions.
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -1,8 +1,17 @@
 body {
-  padding: 50px;
+  padding-top: 50px;
+  padding-bottom: 20px;
+
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
 
+@media (max-width: 978px) {
+    .container {
+      padding:5;
+      margin:0;
+    }
+}
+
 a {
   color: #00B7FF;
 }
diff --git a/views/account.pug b/views/account.pug
@@ -17,12 +17,13 @@ block content
         a.btn.btn-default(href="/account/" + balance._id + "/" + (offset + stepSize)) Next
   .row
     .col-md-12
-      table.table
-        tr
-          th Type
-          th From
-          th To
-          th Amount
-          th Date
-        for event in events
-          +event_row(event)
+      .table-responsive
+        table.table
+          tr
+            th Type
+            th From
+            th To
+            th Amount
+            th Date
+          for event in events
+            +event_row(event)
diff --git a/views/accounts.pug b/views/accounts.pug
@@ -11,12 +11,13 @@ block content
         a.btn.btn-default(href="/accounts/" + (offset + stepSize)) Next
   .row
     .col-md-12
-      table.table
-        tr
-          th Address
-          th Balance
-        for account in accounts
+      .table-responsive
+        table.table
           tr
-            td
-              a(href="/account/" + account._id) #{account._id}
-            td #{tokenformatter.format(account.balance)}
+            th Address
+            th Balance
+          for account in accounts
+            tr
+              td
+                a(href="/account/" + account._id) #{account._id}
+              td #{tokenformatter.format(account.balance)}
diff --git a/views/events.pug b/views/events.pug
@@ -11,12 +11,13 @@ block content
         a.btn.btn-default(href="/events/" + (offset + stepSize)) Next
   .row
     .col-md-12
-      table.table
-        tr
-          th Type
-          th From
-          th To
-          th Amount
-          th Date
-        for event in events
-          +event_row(event)
+      .table-responsive
+        table.table
+          tr
+            th Type
+            th From
+            th To
+            th Amount
+            th Date
+          for event in events
+            +event_row(event)
diff --git a/views/index.pug b/views/index.pug
@@ -1,16 +1,23 @@
 extends layout
 
 block content
-  h1 #{config.tokenName}
-  p Welcome to the #{config.tokenShortName} Explorer powered by bitfly!
+  .row
+    .col-md-12
+      h1 #{config.tokenName}
+      p Welcome to the #{config.tokenShortName} Explorer powered by bitfly!
 
-  h3 Recent transactions
-  table.table
-    tr
-      th Type
-      th From
-      th To
-      th Amount
-      th Date
-    for event in events
-      +event_row(event)
+  .row
+    .col-md-12
+      h3 Recent transactions
+  .row
+    .col-md-12
+      .table-responsive
+        table.table
+          tr
+            th Type
+            th From
+            th To
+            th Amount
+            th Date
+          for event in events
+            +event_row(event)
diff --git a/views/layout.pug b/views/layout.pug
@@ -41,7 +41,7 @@ html(lang="en")
               input.form-control#search(type='text', placeholder='Account', name='search')
             |  
             button.btn.btn-default(type='submit') Submit
-    .container      
+    .container  
       block content
     script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js')
     script(src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', integrity='sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa', crossorigin='anonymous')