change 小屏幕padding

tinper-bee · Dec 23, 2016 · b0dd315 · b0dd315
1 parent 9facc77
commit b0dd315
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/build/Panel.css b/build/Panel.css
@@ -151,3 +151,11 @@
     border-bottom: 0; }
   .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body {
     border-top: 1px solid #ddd; }
+
+@media (max-width: 768px) {
+  .u-panel .u-panel-heading {
+    padding: 3px 5px; }
+  .u-panel .u-panel-body {
+    padding: 5px 5px; }
+  .u-panel .u-panel-footer {
+    padding: 3px 5px; } }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bee-panel",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Panel ui component for react",
   "keywords": [
     "react",

diff --git a/src/Panel.scss b/src/Panel.scss
@@ -113,3 +113,15 @@
     border-top: 1px solid #ddd;
     }
 }
+
+@media (max-width: 768px){
+    .u-panel .u-panel-heading{
+        padding: 3px 5px;
+    }
+    .u-panel .u-panel-body{
+        padding: 5px 5px;
+    }
+    .u-panel .u-panel-footer{
+        padding: 3px 5px;
+    }
+}