structure updates
This commit is contained in:
Mark Gregory
@@ -1,17 +0,0 @@
|
||||
@import 'tailwindcss';
|
||||
@import '@fortawesome/fontawesome-free/css/all.min.css';
|
||||
@import '../../../../../vendor/livewire/flux/dist/flux.css';
|
||||
@import './helpdesk.css';
|
||||
|
||||
@source '../../views/**/*.blade.php';
|
||||
@source '../../../../../Modules/Helpdesk/**/*.php';
|
||||
@source '../../../../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
|
||||
@source '../../../../../vendor/livewire/flux/stubs/**/*.blade.php';
|
||||
@source '../../../../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
|
||||
|
||||
@custom-variant dark (&:where(.dark, .dark *));
|
||||
|
||||
@theme {
|
||||
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
}
|
||||
@@ -1337,3 +1337,213 @@ span.flatpickr-weekday {
|
||||
@media(max-width:1100px){.hd-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-dashboard-grid{grid-template-columns:1fr}.hd-priority-body{min-height:240px}.hd-top-search{display:none}}
|
||||
@media(max-width:1023px){:root{--hd-sidebar-width:300px}.hd-topbar{display:flex}.hd-topbar-brand{width:auto;border-right:0}.hd-topbar-main{flex:1;padding-left:8px}.hd-mobile-menu-button{display:inline-flex}.hd-shell-sidebar{transform:translateX(-102%);width:min(84vw,320px);box-shadow:15px 0 40px rgba(0,0,0,.35)}.hd-sidebar-open .hd-shell-sidebar{transform:translateX(0)}.hd-sidebar-resizer{display:none}.hd-shell-main{margin-left:0;padding:calc(var(--hd-topbar-height) + 20px) 18px 25px}.hd-sidebar-backdrop{position:fixed;z-index:55;inset:var(--hd-topbar-height) 0 0 0;background:rgba(0,0,0,.52);border:0}.hd-sidebar-open .hd-sidebar-backdrop{display:block}}
|
||||
@media(max-width:700px){.hd-account-copy{display:none}.hd-topbar-main{padding-right:10px}.hd-topbar-brand{padding-left:10px;padding-right:8px}.hd-brand-name{font-size:.95rem}.hd-shell-main{padding-left:10px;padding-right:10px}.hd-dashboard-heading{align-items:flex-start;flex-direction:column}.hd-range-select{width:100%}.hd-metric-grid{grid-template-columns:1fr}.hd-dashboard-card{border-radius:10px}.hd-priority-body{grid-template-columns:1fr}.hd-latest-list>a{grid-template-columns:65px minmax(0,1fr);gap:10px}.hd-latest-list time,.hd-latest-list .hd-status-mini{display:none}.hd-page-hero{align-items:flex-start;flex-direction:column;padding:18px}.hd-page-hero .hd-action{width:100%}.hd-toolbar{flex-direction:column}.hd-form-grid,.hd-role-options{grid-template-columns:1fr}.hd-action{min-height:44px}}
|
||||
|
||||
|
||||
/* Dark account menu + Gravatar */
|
||||
.hd-account-menu {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: #f8fafc;
|
||||
}
|
||||
|
||||
.hd-account-menu > summary {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.hd-account-menu > summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hd-account-menu[open] .hd-account-button {
|
||||
background: #202732;
|
||||
border-color: #3a4554;
|
||||
}
|
||||
|
||||
.hd-account-menu[open] .hd-account-chevron {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.hd-account-chevron {
|
||||
font-size: .75rem;
|
||||
transition: transform .16s ease;
|
||||
}
|
||||
|
||||
.hd-user-avatar--gravatar {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hd-user-avatar--gravatar img {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: inherit;
|
||||
object-fit: cover;
|
||||
background: #252c36;
|
||||
}
|
||||
|
||||
.hd-user-avatar-fallback {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hd-user-avatar--large {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
flex-basis: 46px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.hd-account-dropdown {
|
||||
position: absolute;
|
||||
top: calc(100% + 10px);
|
||||
right: 0;
|
||||
z-index: 120;
|
||||
width: min(310px, calc(100vw - 24px));
|
||||
overflow: hidden;
|
||||
border: 1px solid #333d4a;
|
||||
border-radius: 14px;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(28, 34, 44, .98), rgba(18, 23, 30, .99));
|
||||
color: #e5e7eb;
|
||||
box-shadow:
|
||||
0 24px 60px rgba(0, 0, 0, .48),
|
||||
0 8px 22px rgba(0, 0, 0, .28),
|
||||
inset 0 1px 0 rgba(255, 255, 255, .035);
|
||||
}
|
||||
|
||||
.hd-account-dropdown-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
background: rgba(255, 255, 255, .018);
|
||||
}
|
||||
|
||||
.hd-account-dropdown-copy {
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-copy strong {
|
||||
overflow: hidden;
|
||||
color: #f8fafc;
|
||||
font-size: .95rem;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-copy span {
|
||||
overflow: hidden;
|
||||
color: #9ca3af;
|
||||
font-size: .78rem;
|
||||
line-height: 1.25;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-copy small {
|
||||
margin-top: 2px;
|
||||
color: #60a5fa;
|
||||
font-size: .7rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: .055em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-divider {
|
||||
height: 1px;
|
||||
background: #303846;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-nav {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-nav a,
|
||||
.hd-account-logout {
|
||||
width: 100%;
|
||||
min-height: 42px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 11px;
|
||||
padding: 9px 11px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 9px;
|
||||
background: transparent;
|
||||
color: #d7dce4;
|
||||
font: inherit;
|
||||
font-size: .86rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
background .14s ease,
|
||||
border-color .14s ease,
|
||||
color .14s ease;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-nav a i,
|
||||
.hd-account-logout i {
|
||||
width: 17px;
|
||||
color: #8fa0b5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-nav a:hover,
|
||||
.hd-account-dropdown-nav a:focus-visible {
|
||||
border-color: #35465c;
|
||||
background: #263244;
|
||||
color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.hd-account-dropdown-nav a:hover i {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.hd-account-dropdown form {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.hd-account-logout:hover,
|
||||
.hd-account-logout:focus-visible {
|
||||
border-color: rgba(239, 68, 68, .32);
|
||||
background: rgba(127, 29, 29, .24);
|
||||
color: #fecaca;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.hd-account-logout:hover i,
|
||||
.hd-account-logout:focus-visible i {
|
||||
color: #f87171;
|
||||
}
|
||||
|
||||
.hd-account-menu--legacy .hd-account-dropdown {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.hd-account-dropdown {
|
||||
position: fixed;
|
||||
top: calc(var(--hd-topbar-height) - 2px);
|
||||
right: 10px;
|
||||
width: min(310px, calc(100vw - 20px));
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user