Browse Source

修复移动端样式异常问题

jqh 5 years ago
parent
commit
52f0837ad8

+ 37 - 0
resources/assets/dcat-admin/main.css

@@ -256,6 +256,30 @@ a {
 .main-sidebar .user-panel {
     padding: 14px;
 }
+
+@media (max-width: 767px) {
+    .fixed .content-wrapper, .fixed .right-side {
+        padding-top: 110px;
+    }
+
+    .main-header .logo, .main-header .navbar {
+        width: 100%;
+    }
+
+    .main-sidebar, .left-side {
+        padding-top: 110px;
+        width: 230px;
+    }
+
+    .main-header>.navbar, .content-wrapper, .right-side, .main-footer {
+        margin: 0;
+    }
+
+    .navbar-custom-menu .navbar-nav>li>a {
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+}
 /*main-header*/
 
 .main-footer {
@@ -2300,6 +2324,19 @@ div.layui-layer-btn{
     color: var(--font)!important;
 }
 
+.layui-layer {
+    border-radius: 0!important;
+    box-shadow: 1px 1px 30px rgba(0,0,0,.2)!important;
+}
+
+.layui-layer-title {
+    border-radius: 0!important;
+    height: 46px!important;
+    line-height: 46px!important;
+}
+.layui-layer-border {
+    border: 0 !important;
+}
 
 /*!
  * Waves v0.7.6

File diff suppressed because it is too large
+ 0 - 0
resources/assets/dcat-admin/main.min.css


+ 1 - 1
resources/views/form.blade.php

@@ -4,7 +4,7 @@
     <div class="pull-right">{!! $form->renderTools() !!}</div>
 </div>
 @endif
-<div class="box-body" style="padding:{{ $tabObj->isEmpty() ? '18px 0 12px' : '0'}}">
+<div class="box-body" style="padding:{{ $tabObj->isEmpty() ? '18px 10px 12px' : '0'}}">
     @if(!$tabObj->isEmpty())
         @include('admin::form.tab', compact('tabObj', 'form'))
     @else

+ 1 - 1
resources/views/grid/quick-search.blade.php

@@ -7,7 +7,7 @@
                placeholder="{{ $placeholder }}"
                name="{{ $key }}"
                class="form-control quick-search-input"
-               style="margin-left:-1px;padding:0 1.5rem 0 3.48rem;height:36px;line-height:36px;"
+               style="margin-left:-1px;padding:0 1.6rem 0 3.6rem;height:36px;line-height:36px;"
                value="{{ $value }}"
         >
         <a onclick="$(this).submit()" style="overflow:hidden;position:absolute;top:8px;margin-left:-{{$width - 0.9}}rem;cursor:pointer;z-index:100">

+ 1 - 1
src/Grid/Tools/QuickSearch.php

@@ -25,7 +25,7 @@ class QuickSearch extends AbstractTool
     /**
      * @var int rem
      */
-    protected $width = 24.25;
+    protected $width = 25;
 
     /**
      * @param string|null $name

Some files were not shown because too many files changed in this diff