added resizing of content window

2013-02-17 22:10:53 -05:00
parent 741f97481d
commit 54625aa79c
3 changed files with 31 additions and 2 deletions
--- a/app/assets/javascripts/layout.js
+++ b/app/assets/javascripts/layout.js
@@ -0,0 +1,29 @@
+(function() {
+  Danbooru.Layout = {};
+  
+  Danbooru.Layout.initialize = function() {
+    $(window).resize(Danbooru.Layout.restyle_content);
+  }
+  
+  Danbooru.Layout.restyle_content = function() {
+    if ($(window).width() > 1100) {
+      $("#content").css("max-width", "50em");
+    }
+
+    if ($(window).width() > 1300) {
+      $("#content").css("max-width", "60em");
+    }
+
+    if ($(window).width() > 1500) {
+      $("#content").css("max-width", "70em");
+    }
+
+    if ($(window).width() < 1000) {
+      $("#content").css("max-width", "40em");
+    }
+  }
+})();
+
+$(document).ready(function() {
+  Danbooru.Layout.initialize();
+});