fix responsive on preview design box.

TRUONG
1 parent a3d420e25d
Showing 2 changed files with 15 additions and 2 deletions Side-by-side Diff
app/index.html
app/styles/main.css
@@ -46,7 +46,7 @@
     <script src="bower_components/json3/lib/json3.min.js"></script>
     <![endif]-->
     <script type="text/javascript">
-        var VERSION = '21-11_03';
+        var VERSION = '21-11_04';
         var require = {
           urlArgs: "ver="+VERSION,
         };
@@ -307,6 +307,10 @@
   padding: 20px 0 0 0;
 }
  
+#tshirt-content .tshirt-image img{
+  width: 100%;
+}
+
 #preview-design {
   position: absolute;
   width: 150px;
@@ -746,7 +750,16 @@
  
 @media (max-width: 1200px) {
   #preview-design {
-    left: 160px;
+    left: 155px;
+  }
+}
+
+@media (max-width: 990px) {
+  #preview-design {
+    left: 115px;
+    width: 120px;
+    height: 162px;
+    bottom: 150px;
   }
 }
...	...	@@ -46,7 +46,7 @@
46	46	<script src="bower_components/json3/lib/json3.min.js"></script>
47	47	<![endif]-->
48	48	<script type="text/javascript">
49		- var VERSION = '21-11_03';
	49	+ var VERSION = '21-11_04';
50	50	var require = {
51	51	urlArgs: "ver="+VERSION,
52	52	};
...	...	@@ -307,6 +307,10 @@
307	307	padding: 20px 0 0 0;
308	308	}
309	309
	310	+#tshirt-content .tshirt-image img{
	311	+ width: 100%;
	312	+}
	313	+
310	314	#preview-design {
311	315	position: absolute;
312	316	width: 150px;
...	...	@@ -746,7 +750,16 @@
746	750
747	751	@media (max-width: 1200px) {
748	752	#preview-design {
749		- left: 160px;
	753	+ left: 155px;
	754	+ }
	755	+}
	756	+
	757	+@media (max-width: 990px) {
	758	+ #preview-design {
	759	+ left: 115px;
	760	+ width: 120px;
	761	+ height: 162px;
	762	+ bottom: 150px;
750	763	}
751	764	}