diff --git a/app/Http/Controllers/Console/Dashboard.php b/app/Http/Controllers/Console/Dashboard.php index b5f8b86..df9e399 100644 --- a/app/Http/Controllers/Console/Dashboard.php +++ b/app/Http/Controllers/Console/Dashboard.php @@ -24,6 +24,7 @@ public function __construct() 'userName' => Auth::user()->username, 'userEmail' => Auth::user()->email, 'userLinkId' => Auth::user()->linkId, + 'userIcon' => Auth::user()->icon, ]; } diff --git a/public/css/app.css b/public/css/app.css index 70268ef..00549d5 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1016,6 +1016,9 @@ .right-0{ .top-0{ top: 0px; } +.-left-1{ + left: -0.25rem; +} .z-10{ z-index: 10; } @@ -1031,12 +1034,6 @@ .z-40{ .z-50{ z-index: 50; } -.m-4{ - margin: 1rem; -} -.m-10{ - margin: 2.5rem; -} .m-5{ margin: 1.25rem; } @@ -1158,6 +1155,9 @@ .h-full{ .h-screen{ height: 100vh; } +.h-12{ + height: 3rem; +} .min-h-full{ min-height: 100%; } @@ -1167,6 +1167,9 @@ .min-h-screen{ .w-1\/2{ width: 50%; } +.w-10{ + width: 2.5rem; +} .w-3{ width: 0.75rem; } @@ -1191,6 +1194,12 @@ .w-auto{ .w-full{ width: 100%; } +.w-44{ + width: 11rem; +} +.w-12{ + width: 3rem; +} .max-w-6xl{ max-width: 72rem; } @@ -1260,6 +1269,9 @@ .grid-cols-4{ .grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } +.grid-cols-12{ + grid-template-columns: repeat(12, minmax(0, 1fr)); +} .flex-col{ flex-direction: column; } @@ -1292,6 +1304,11 @@ .space-x-2 > :not([hidden]) ~ :not([hidden]){ margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } +.space-x-4 > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); +} .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1302,6 +1319,15 @@ .space-y-6 > :not([hidden]) ~ :not([hidden]){ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } +.divide-y > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); +} +.divide-gray-100 > :not([hidden]) ~ :not([hidden]){ + --tw-divide-opacity: 1; + border-color: rgb(243 244 246 / var(--tw-divide-opacity)); +} .overflow-hidden{ overflow: hidden; } @@ -1328,9 +1354,6 @@ .rounded-lg{ .rounded-md{ border-radius: 0.375rem; } -.rounded-3xl{ - border-radius: 1.5rem; -} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; @@ -1345,9 +1368,6 @@ .border{ .border-0{ border-width: 0px; } -.border-2{ - border-width: 2px; -} .border-t{ border-top-width: 1px; } @@ -1374,10 +1394,6 @@ .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.border-black{ - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); -} .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(225 239 254 / var(--tw-bg-opacity)); @@ -1438,6 +1454,9 @@ .p-4{ .p-6{ padding: 1.5rem; } +.p-5{ + padding: 1.25rem; +} .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; @@ -1482,6 +1501,10 @@ .py-4{ padding-top: 1rem; padding-bottom: 1rem; } +.px-4{ + padding-left: 1rem; + padding-right: 1rem; +} .pl-11{ padding-left: 2.75rem; } @@ -1491,12 +1514,23 @@ .pt-2{ .pt-8{ padding-top: 2rem; } +.ps-5{ + -webkit-padding-start: 1.25rem; + padding-inline-start: 1.25rem; +} +.ps-3{ + -webkit-padding-start: 0.75rem; + padding-inline-start: 0.75rem; +} .text-left{ text-align: left; } .text-center{ text-align: center; } +.text-right{ + text-align: right; +} .text-2xl{ font-size: 1.5rem; line-height: 2rem; @@ -1624,6 +1658,11 @@ .ring-1{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-2{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-inset{ --tw-ring-inset: inset; } @@ -1761,6 +1800,10 @@ .group:hover .group-hover\:text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } +:is(.dark .dark\:divide-gray-600) > :not([hidden]) ~ :not([hidden]){ + --tw-divide-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-divide-opacity)); +} :is(.dark .dark\:border-blue-500){ --tw-border-opacity: 1; border-color: rgb(63 131 248 / var(--tw-border-opacity)); @@ -1830,6 +1873,14 @@ :is(.dark .dark\:text-white){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } +:is(.dark .dark\:text-gray-200){ + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} +:is(.dark .dark\:ring-gray-500){ + --tw-ring-opacity: 1; + --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); +} :is(.dark .dark\:hover\:bg-blue-700:hover){ --tw-bg-opacity: 1; background-color: rgb(26 86 219 / var(--tw-bg-opacity)); diff --git a/resources/views/console/dashboard.blade.php b/resources/views/console/dashboard.blade.php index 935196c..c1b6926 100644 --- a/resources/views/console/dashboard.blade.php +++ b/resources/views/console/dashboard.blade.php @@ -24,11 +24,47 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
你好:{{ $userName ?? '' }}
+