From f877747c3b0c08eb31bc8aa944d5b82f9d21d8a5 Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Thu, 15 Aug 2019 12:31:35 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=8F=B3=E4=BE=A7?= =?UTF-8?q?=E7=94=A8=E6=88=B7=E7=99=BB=E5=BD=95=E4=BF=A1=E6=81=AF=E6=A0=8F?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Bootstrap.Admin/Views/Shared/Header.cshtml | 12 ++ Bootstrap.Admin/wwwroot/css/lte.css | 155 +++++++++++++++++++++ Bootstrap.Admin/wwwroot/css/theme.css | 4 + 3 files changed, 171 insertions(+) diff --git a/Bootstrap.Admin/Views/Shared/Header.cshtml b/Bootstrap.Admin/Views/Shared/Header.cshtml index ec7ee170..61809d06 100644 --- a/Bootstrap.Admin/Views/Shared/Header.cshtml +++ b/Bootstrap.Admin/Views/Shared/Header.cshtml @@ -92,6 +92,18 @@ @Model.DisplayName
+
+
+ +
+
+ @Model.DisplayName + +
+
登录名：@Model.UserName
+
+
+
个人中心 设置 diff --git a/Bootstrap.Admin/wwwroot/css/lte.css b/Bootstrap.Admin/wwwroot/css/lte.css index e69de29b..7d5cab03 100644 --- a/Bootstrap.Admin/wwwroot/css/lte.css +++ b/Bootstrap.Admin/wwwroot/css/lte.css @@ -0,0 +1,155 @@ +.header .nav { + margin-right: 15px; + justify-content: flex-end; +} + +.userinfo .badge { + top: 64px; +} + +.userinfo img { + border-radius: 50%; +} + +.userinfo .dropdown-item { + border-bottom: solid 1px #e9ecef; + padding: 0.25rem 1.5rem; +} + + .userinfo .dropdown-item:first-child { + display: flex; + } + + .userinfo .dropdown-item img { + width: 60px; + height: 60px; + margin-right: 1rem; + } + + .userinfo .dropdown-item a { + padding: 0.25rem 0.625rem; + } + + .userinfo .dropdown-item a i { + display: inline-block; + margin-right: 10px; + } + + .userinfo .dropdown-item:last-child { + border-bottom: none; + } + + .userinfo .dropdown-item:last-child a { + background: none; + color: #777; + } + + .userinfo .dropdown-item:last-child a:hover { + color: #333; + } + +.sidebar-toggle-box .fa-bars { + color: #007bff; +} + +.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { + color: rgb(51, 122, 183); +} + +.navbar-light .navbar-nav .nav-link { + padding: 3px 8px; + color: rgba(51, 122, 183, 0.9); + transition: color .3s linear; +} + + .navbar-light .navbar-nav .nav-link:hover, .nav-link .navbar-nav .active > .nav-link:hover { + color: #0056b3; + } + +.dropdown-item.active, .dropdown-item:active { + color: rgba(0, 0, 0, 0.9); +} + +.dropdown-item:hover, .nav .dropdown-item:nth-of-type(odd):hover, .dropdown-item:active, .dropdown-item.active, +.bootstrap-table .export .dropdown-menu li:hover { + background-color: #77afd5; +} + +.userinfo .dropdown-item:hover { + background-color: #f8f9fa; +} + +.breadcrumb, .pagination-detail { + color: #337ab7; +} + +.card-header, .modal-header, .popover-header { + background-color: #5899c8; + border-color: #3581b8; + border-radius: 4px 4px 0 0; +} + +.close { + text-shadow: none; +} + +.header .navbar { + padding: 0.25rem 0 0 1rem; +} + +.header .nav-item.active { + border-bottom: solid 1px #307eb6; +} + +.card { + border-top-width: 1px; +} + + .card:hover { + border-top-color: #84bbe2; + } + +.card, .modal-footer, .form-control, .popover, .date .input-group-text, +.input-group .btn:not(.btn-secondary):not(.btn-primary):not(.btn-warning):not(.btn-info):not(.btn-danger), +.form-select-input:hover { + border-color: #84bbe2; +} + + .card .card-header, .modal-header { + background-image: linear-gradient(to bottom, #5893be 0%, #63a6d7 100%); + } + + .card .card-header, a[data-toggle="collapse"], .modal-header, .modal-header .close, .popover-header, + .card .card-header a, .modal-header a, + .card .card-header a:hover, + .close:not(:disabled):not(.disabled):hover, + .close:not(:disabled):not(.disabled):focus { + color: #fff; + } + + .card .card-header a { + color: #eee; + } + +.control-label { + color: #467fa7; +} + +.breadcrumb > li + li:before, .breadcrumb, .pagination-detail, .form-select-append { + color: #337ab7; +} + +.form-control[disabled], .form-control[readonly], .date .form-control, .date .input-group-text, +.input-group .btn:not(.btn-secondary):not(.btn-primary):not(.btn-warning):not(.btn-info):not(.btn-danger) { + background-color: rgba(84, 189, 220, 0.21); +} + +.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { + border-right-color: #305873; +} + +@media (min-width: 768px) { + .breadcrumb { + border-color: rgba(81, 152, 203, 0.8) + } +} diff --git a/Bootstrap.Admin/wwwroot/css/theme.css b/Bootstrap.Admin/wwwroot/css/theme.css index 6c36388f..c25204b9 100644 --- a/Bootstrap.Admin/wwwroot/css/theme.css +++ b/Bootstrap.Admin/wwwroot/css/theme.css @@ -101,6 +101,10 @@ body { background-color: #fff; } + .userinfo .dropdown-item:first-child { + display: none; + } + .userinfo .dropdown-item a { text-align: center; color: #777;