Ver código fonte

修改header样式

littlegreen 8 meses atrás
pai
commit
46b3fa01c3
1 arquivos alterados com 19 adições e 5 exclusões
  1. 19 5
      cms-editor/templates/default_v5/header.html

+ 19 - 5
cms-editor/templates/default_v5/header.html

@@ -10,6 +10,21 @@
     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
     <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
     <style>
+        .logo{
+            max-height: 3.2rem;
+        }
+        .nav-bar-box{
+            display: flex;
+            flex-wrap: inherit;
+            align-items: center;
+            justify-content: space-between;
+            width: 100%;
+        }
+        @media (max-width: 450px) {
+            .logo{
+                max-height: 2rem;
+            }
+        }
         .navbar-toggler-icon {
             --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
         }
@@ -24,16 +39,15 @@
 
 <body style="margin: 0px;">
     <header>
-        <div class="container pt-xl-4" style="margin: 0 auto;padding: 0;">
+        <div class=" pt-xl-4" style="margin: 0 auto;padding: 0;">
             <nav class="navbar navbar-expand-md bg-body pt-3" style="width: 100%;">
-                <div class="container">
+                <div class="nav-bar-box px-1 px-sm-2 px-md-2 px-l-3 px-xl-4">
                     <a class="navbar-brand d-flex align-items-center" href="/">
                         {dreamer-cms:sql sql="select image_path as litpic from system_archives where id = [1800352925088759808]"}
                         <img class="logo" data-src="/resources/uploads/[field:litpic /]"
-                            src="{dreamer-cms:template /}assets/img/none.png" alt="logo" style="margin: 0 .5rem 0 0;"
-                            width="50px" height="50px">
+                            src="{dreamer-cms:template /}assets/img/none.png" alt="logo" style="margin: 0 .5rem 0 0;">
                         {/dreamer-cms:sql}
-                        <span>{dreamer-cms:global name="title" /}</span>
+                        <!-- <span>{dreamer-cms:global name="title" /}</span> -->
                     </a>
                     <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2">
                         <span class="navbar-toggler-icon"></span>