wip
This commit is contained in:
Dennis
10
app/Console/Commands/Core/stubs/theme.css
vendored
10
app/Console/Commands/Core/stubs/theme.css
vendored
@@ -1,5 +1,5 @@
|
||||
:root {
|
||||
--font-body: "Inter", sans-serif;
|
||||
--font-body: 'Inter', sans-serif;
|
||||
|
||||
--color-white: #fff;
|
||||
--color-gray-1: #f7f7f7;
|
||||
@@ -30,8 +30,7 @@
|
||||
--color-border-low-emphasis: var(--color-gray-2);
|
||||
|
||||
--color-backdrop: rgba(0, 0, 0, 0.5);
|
||||
--color-overlay: hsla(0, 0%, 100%, 0.8);
|
||||
|
||||
--color-overlay: rgba(255, 255, 255, 0.8);
|
||||
--color-surface-1: var(--color-white);
|
||||
--color-surface-2: var(--color-gray-1);
|
||||
--color-surface-3: var(--color-white);
|
||||
@@ -42,7 +41,10 @@
|
||||
|
||||
--top-bar-container: 64rem;
|
||||
--top-bar-logo-height: 3.5rem;
|
||||
--top-bar-background-color: var(--color-surface-1)
|
||||
--top-bar-background-color: var(--color-surface-1);
|
||||
--top-bar-text-color: var(--color-text-medium-emphasis);
|
||||
|
||||
--breadcrumbs-text-color: var(--color-text-medium-emphasis);
|
||||
}
|
||||
|
||||
.theme--dark {
|
||||
|
||||
288
public/css/app.css
vendored
288
public/css/app.css
vendored
@@ -1,6 +1,6 @@
|
||||
:root {
|
||||
--font-sans-serif: "Inter", sans-serif;
|
||||
--color-white: #ffff;
|
||||
--font-body: "Inter", sans-serif;
|
||||
--color-white: #fff;
|
||||
--color-gray-1: #f7f7f7;
|
||||
--color-gray-2: #e6e6e6;
|
||||
--color-gray-3: #cacaca;
|
||||
@@ -33,7 +33,9 @@
|
||||
--border-radius-circle: 100%;
|
||||
--top-bar-container: 64rem;
|
||||
--top-bar-logo-height: 3.5rem;
|
||||
--top-bar-background-color: var(--color-surface-1) ;
|
||||
--top-bar-background-color: var(--color-surface-1);
|
||||
--top-bar-text-color: var(--color-text-medium-emphasis);
|
||||
--breadcrumbs-text-color: var(--color-text-medium-emphasis);
|
||||
}
|
||||
|
||||
.theme--dark {
|
||||
@@ -23536,6 +23538,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -23580,6 +23590,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:focus .group-focus\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -23624,6 +23642,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:focus .group-focus\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:focus .group-focus\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.hover\:text-low-emphasis:hover {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -23668,6 +23694,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.hover\:text-breadcrumbs:hover {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.hover\:text-top-bar:hover {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.focus-within\:text-low-emphasis:focus-within {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -23712,6 +23746,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.focus-within\:text-breadcrumbs:focus-within {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.focus-within\:text-top-bar:focus-within {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.focus\:text-low-emphasis:focus {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -23756,6 +23798,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.focus\:text-breadcrumbs:focus {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.focus\:text-top-bar:focus {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.active\:text-low-emphasis:active {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -23800,6 +23850,14 @@ video {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.active\:text-breadcrumbs:active {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.active\:text-top-bar:active {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.text-opacity-0 {
|
||||
--text-opacity: 0;
|
||||
}
|
||||
@@ -52838,6 +52896,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.sm\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.sm\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:hover .sm\:group-hover\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -52882,6 +52948,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:hover .sm\:group-hover\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:hover .sm\:group-hover\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:focus .sm\:group-focus\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -52926,6 +53000,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:focus .sm\:group-focus\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:focus .sm\:group-focus\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.sm\:hover\:text-low-emphasis:hover {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -52970,6 +53052,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.sm\:hover\:text-breadcrumbs:hover {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.sm\:hover\:text-top-bar:hover {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.sm\:focus-within\:text-low-emphasis:focus-within {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -53014,6 +53104,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.sm\:focus-within\:text-breadcrumbs:focus-within {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.sm\:focus-within\:text-top-bar:focus-within {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.sm\:focus\:text-low-emphasis:focus {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -53058,6 +53156,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.sm\:focus\:text-breadcrumbs:focus {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.sm\:focus\:text-top-bar:focus {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.sm\:active\:text-low-emphasis:active {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -53102,6 +53208,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.sm\:active\:text-breadcrumbs:active {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.sm\:active\:text-top-bar:active {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.sm\:text-opacity-0 {
|
||||
--text-opacity: 0;
|
||||
}
|
||||
@@ -81770,6 +81884,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.md\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.md\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:hover .md\:group-hover\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -81814,6 +81936,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:hover .md\:group-hover\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:hover .md\:group-hover\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:focus .md\:group-focus\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -81858,6 +81988,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:focus .md\:group-focus\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:focus .md\:group-focus\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.md\:hover\:text-low-emphasis:hover {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -81902,6 +82040,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.md\:hover\:text-breadcrumbs:hover {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.md\:hover\:text-top-bar:hover {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.md\:focus-within\:text-low-emphasis:focus-within {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -81946,6 +82092,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.md\:focus-within\:text-breadcrumbs:focus-within {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.md\:focus-within\:text-top-bar:focus-within {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.md\:focus\:text-low-emphasis:focus {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -81990,6 +82144,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.md\:focus\:text-breadcrumbs:focus {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.md\:focus\:text-top-bar:focus {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.md\:active\:text-low-emphasis:active {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -82034,6 +82196,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.md\:active\:text-breadcrumbs:active {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.md\:active\:text-top-bar:active {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.md\:text-opacity-0 {
|
||||
--text-opacity: 0;
|
||||
}
|
||||
@@ -110702,6 +110872,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.lg\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.lg\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:hover .lg\:group-hover\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -110746,6 +110924,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:hover .lg\:group-hover\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:hover .lg\:group-hover\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:focus .lg\:group-focus\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -110790,6 +110976,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:focus .lg\:group-focus\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:focus .lg\:group-focus\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.lg\:hover\:text-low-emphasis:hover {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -110834,6 +111028,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.lg\:hover\:text-breadcrumbs:hover {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.lg\:hover\:text-top-bar:hover {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.lg\:focus-within\:text-low-emphasis:focus-within {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -110878,6 +111080,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.lg\:focus-within\:text-breadcrumbs:focus-within {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.lg\:focus-within\:text-top-bar:focus-within {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.lg\:focus\:text-low-emphasis:focus {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -110922,6 +111132,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.lg\:focus\:text-breadcrumbs:focus {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.lg\:focus\:text-top-bar:focus {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.lg\:active\:text-low-emphasis:active {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -110966,6 +111184,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.lg\:active\:text-breadcrumbs:active {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.lg\:active\:text-top-bar:active {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.lg\:text-opacity-0 {
|
||||
--text-opacity: 0;
|
||||
}
|
||||
@@ -139634,6 +139860,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.xl\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.xl\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:hover .xl\:group-hover\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -139678,6 +139912,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:hover .xl\:group-hover\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:hover .xl\:group-hover\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.group:focus .xl\:group-focus\:text-low-emphasis {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -139722,6 +139964,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.group:focus .xl\:group-focus\:text-breadcrumbs {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.group:focus .xl\:group-focus\:text-top-bar {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.xl\:hover\:text-low-emphasis:hover {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -139766,6 +140016,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.xl\:hover\:text-breadcrumbs:hover {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.xl\:hover\:text-top-bar:hover {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.xl\:focus-within\:text-low-emphasis:focus-within {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -139810,6 +140068,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.xl\:focus-within\:text-breadcrumbs:focus-within {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.xl\:focus-within\:text-top-bar:focus-within {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.xl\:focus\:text-low-emphasis:focus {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -139854,6 +140120,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.xl\:focus\:text-breadcrumbs:focus {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.xl\:focus\:text-top-bar:focus {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.xl\:active\:text-low-emphasis:active {
|
||||
color: var(--color-text-low-emphasis);
|
||||
}
|
||||
@@ -139898,6 +140172,14 @@ button[aria-label][data-balloon-pos] {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.xl\:active\:text-breadcrumbs:active {
|
||||
color: var(--breadcrumbs-text-color);
|
||||
}
|
||||
|
||||
.xl\:active\:text-top-bar:active {
|
||||
color: var(--top-bar-text-color);
|
||||
}
|
||||
|
||||
.xl\:text-opacity-0 {
|
||||
--text-opacity: 0;
|
||||
}
|
||||
|
||||
12
public/js/0.js
vendored
12
public/js/0.js
vendored
@@ -527,7 +527,7 @@ var render = function() {
|
||||
return _c(
|
||||
"inertia-link",
|
||||
{
|
||||
staticClass: "font-medium text-body text-medium-emphasis",
|
||||
staticClass: "font-medium text-body text-breadcrumbs",
|
||||
attrs: { href: _vm.to }
|
||||
},
|
||||
[_vm._t("default")],
|
||||
@@ -837,7 +837,7 @@ var render = function() {
|
||||
"nav",
|
||||
{
|
||||
staticClass:
|
||||
"flex flex-col items-center justify-between py-4 space-y-4 md:space-y-0 md:flex-row"
|
||||
"flex flex-col items-center justify-between py-4 space-y-4 md:space-y-0 md:flex-row text-top-bar"
|
||||
},
|
||||
[
|
||||
_c(
|
||||
@@ -870,7 +870,7 @@ var render = function() {
|
||||
_c(
|
||||
"IconButton",
|
||||
{ on: { click: _vm.triggerSearch } },
|
||||
[_c("IconSearch")],
|
||||
[_c("IconSearch", { staticClass: "text-top-bar" })],
|
||||
1
|
||||
)
|
||||
],
|
||||
@@ -895,10 +895,12 @@ var render = function() {
|
||||
{ on: { click: _vm.toggleTheme } },
|
||||
[
|
||||
_vm.themeMode === "light"
|
||||
? _c("IconMoon")
|
||||
? _c("IconMoon", { staticClass: "text-top-bar" })
|
||||
: _vm._e(),
|
||||
_vm._v(" "),
|
||||
_vm.themeMode === "dark" ? _c("IconSun") : _vm._e()
|
||||
_vm.themeMode === "dark"
|
||||
? _c("IconSun", { staticClass: "text-top-bar" })
|
||||
: _vm._e()
|
||||
],
|
||||
1
|
||||
)
|
||||
|
||||
2
public/js/app.js
vendored
2
public/js/app.js
vendored
@@ -43,7 +43,7 @@
|
||||
/******/
|
||||
/******/ // script path function
|
||||
/******/ function jsonpScriptSrc(chunkId) {
|
||||
/******/ return __webpack_require__.p + "js/" + ({}[chunkId]||chunkId) + ".js?id=" + {"0":"478194c23a79bf3f874a","1":"9e30a07e34955c9b81d0","2":"d2a49802291d427ca7c8","3":"a0f4c2f49863abbfe7f1","4":"27416beeac7dd90b6c9f","5":"70b66e00eccca81de371","6":"73fc0264b5cc06f5bd55","7":"140acb8c38018bb7c822","8":"800cf8f4ae1573afb58b","9":"f2a85fd7ca99129bd7e2","10":"7109ac26050896c7632e","11":"b437d61d4ead3c781e22","12":"2ab18ae0943746b63751","13":"8151f0644b451f415e6b","14":"5ba34553a8dbd80de385","15":"b93e030809beddfff7dd","16":"69a7e01207316350a34f","17":"ea0aec4ceaa4ad16e409","18":"173f42a842a7a82df3b9","19":"600196d42a8c82f8a760","20":"00f96bd398202ad82571","21":"abb6852a025ba076b5e5","22":"6d2f83c5c25785784982","23":"c40adc397ee8e4c75a84","24":"73d5a16ccc2c903386f6","25":"10056281f862a9624e88","26":"e30c6e1fe7ab720751c8","27":"e1f48abf833eaaedf037","28":"5cc778b6ea55b53927ef","29":"90a55a48473e7dc9dcd1","30":"1cc10db0519a76d1075c","31":"6638dad0b402da0da7db","32":"d31ee3d6e9fff25d60ea","33":"69bb6380ec04934fc761","34":"f73b7b586dcb628a0238","35":"cec6a59e621fba676a19","36":"fb27e3667d6023b4ef5e","37":"eaa34e9061d5589c20e6","38":"dc75a1421954e93e234e","39":"59d66d0467b61aa63589","40":"34e859f47a24902b8974","41":"9a65f0ac4faaf9458b46","42":"79185517ca7a7e8dfb9f","43":"9d9feb9848ad4a682a8c","44":"77a603dda0065501cc1d","45":"ce3a1b4b271e88791404","46":"329f2114dad302cf80ad","47":"17486d24f96188a73ed0","48":"f91e910285fd011b4768","49":"c747d78143b323e1c27c","50":"6bff504078271803d2fc","51":"59e89c7a9541e25d3b41","52":"1982998b12b16e3a09d4","53":"23f79ec7082c146de011","54":"ebba4351fdc7dda59e24","55":"bf6ab8f12a17bdf42483","56":"0fc8a9c045226d81b59e","57":"0ddd60a5a000ec936c82","58":"4823f0b7a0e80fffa181","59":"98a2df4abb8fb3b2f1fb","60":"f2d7dc654b1afd2e4b4f","61":"de5ad4bf80180d12103e","62":"17a5e584de3773f5b06a","63":"0255b720b4cdfaca9756","64":"810d46956098ec36a48a","65":"125441dbdaa3532d11fc","66":"d5ad8ef84fd9ddb78adb","67":"9c262f860fec60d5c9a3","68":"c47e440c910511761cda","69":"b7557e5ab81de2135c1a","70":"cd5835759472d8269c28","71":"8a542eed06626e150726","72":"f80a08aea5da371cdf3f","73":"e9322d0f46b25a799372","74":"8f4910da8db77e38da00","75":"4204d942d58177e4ff05","76":"c4637ed6669c6bdc2403","77":"1a8473c482f95d7a24bc","78":"33fa2982cb9096943e57","79":"2ed6cea6a8854c1f99c1","80":"8626b00a72d693a0d8f3","81":"fe27c84269b86e706406","82":"622552d73f13d2e0bc05","83":"48ac8fab4a57c6a3db6d","84":"a11845294f4975c939f5","85":"d70fb3d3ff6aadc9472d"}[chunkId] + ""
|
||||
/******/ return __webpack_require__.p + "js/" + ({}[chunkId]||chunkId) + ".js?id=" + {"0":"15e2f103beb9c326155e","1":"9e30a07e34955c9b81d0","2":"d2a49802291d427ca7c8","3":"a0f4c2f49863abbfe7f1","4":"27416beeac7dd90b6c9f","5":"70b66e00eccca81de371","6":"73fc0264b5cc06f5bd55","7":"140acb8c38018bb7c822","8":"800cf8f4ae1573afb58b","9":"f2a85fd7ca99129bd7e2","10":"7109ac26050896c7632e","11":"b437d61d4ead3c781e22","12":"2ab18ae0943746b63751","13":"8151f0644b451f415e6b","14":"5ba34553a8dbd80de385","15":"b93e030809beddfff7dd","16":"69a7e01207316350a34f","17":"ea0aec4ceaa4ad16e409","18":"173f42a842a7a82df3b9","19":"600196d42a8c82f8a760","20":"00f96bd398202ad82571","21":"abb6852a025ba076b5e5","22":"6d2f83c5c25785784982","23":"c40adc397ee8e4c75a84","24":"73d5a16ccc2c903386f6","25":"10056281f862a9624e88","26":"e30c6e1fe7ab720751c8","27":"e1f48abf833eaaedf037","28":"5cc778b6ea55b53927ef","29":"90a55a48473e7dc9dcd1","30":"1cc10db0519a76d1075c","31":"6638dad0b402da0da7db","32":"d31ee3d6e9fff25d60ea","33":"69bb6380ec04934fc761","34":"f73b7b586dcb628a0238","35":"cec6a59e621fba676a19","36":"fb27e3667d6023b4ef5e","37":"eaa34e9061d5589c20e6","38":"dc75a1421954e93e234e","39":"59d66d0467b61aa63589","40":"34e859f47a24902b8974","41":"9a65f0ac4faaf9458b46","42":"79185517ca7a7e8dfb9f","43":"9d9feb9848ad4a682a8c","44":"77a603dda0065501cc1d","45":"ce3a1b4b271e88791404","46":"329f2114dad302cf80ad","47":"17486d24f96188a73ed0","48":"f91e910285fd011b4768","49":"c747d78143b323e1c27c","50":"6bff504078271803d2fc","51":"59e89c7a9541e25d3b41","52":"1982998b12b16e3a09d4","53":"23f79ec7082c146de011","54":"ebba4351fdc7dda59e24","55":"bf6ab8f12a17bdf42483","56":"0fc8a9c045226d81b59e","57":"0ddd60a5a000ec936c82","58":"4823f0b7a0e80fffa181","59":"98a2df4abb8fb3b2f1fb","60":"f2d7dc654b1afd2e4b4f","61":"de5ad4bf80180d12103e","62":"17a5e584de3773f5b06a","63":"0255b720b4cdfaca9756","64":"810d46956098ec36a48a","65":"125441dbdaa3532d11fc","66":"d5ad8ef84fd9ddb78adb","67":"9c262f860fec60d5c9a3","68":"c47e440c910511761cda","69":"b7557e5ab81de2135c1a","70":"cd5835759472d8269c28","71":"8a542eed06626e150726","72":"f80a08aea5da371cdf3f","73":"e9322d0f46b25a799372","74":"8f4910da8db77e38da00","75":"4204d942d58177e4ff05","76":"c4637ed6669c6bdc2403","77":"1a8473c482f95d7a24bc","78":"33fa2982cb9096943e57","79":"2ed6cea6a8854c1f99c1","80":"8626b00a72d693a0d8f3","81":"fe27c84269b86e706406","82":"622552d73f13d2e0bc05","83":"48ac8fab4a57c6a3db6d","84":"a11845294f4975c939f5","85":"d70fb3d3ff6aadc9472d"}[chunkId] + ""
|
||||
/******/ }
|
||||
/******/
|
||||
/******/ // The require function
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<inertia-link :href="to" class="font-medium text-body text-medium-emphasis">
|
||||
<inertia-link :href="to" class="font-medium text-body text-breadcrumbs">
|
||||
<slot></slot>
|
||||
</inertia-link>
|
||||
</template>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="w-full px-4 sm:px-8 mx-auto max-w-top-bar-container">
|
||||
<div class="flex flex-col">
|
||||
<nav
|
||||
class="flex flex-col items-center justify-between py-4 space-y-4 md:space-y-0 md:flex-row"
|
||||
class="flex flex-col items-center justify-between py-4 space-y-4 md:space-y-0 md:flex-row text-top-bar"
|
||||
>
|
||||
<div class="flex items-center space-x-5">
|
||||
<img class="h-top-bar-logo" v-if="$page.props.settings.logo" :src="$page.props.settings.logo" />
|
||||
@@ -13,13 +13,13 @@
|
||||
<ul class="flex items-center space-x-4">
|
||||
<li :aria-label="__('Search')" data-balloon-blunt data-balloon-pos="down">
|
||||
<IconButton @click="triggerSearch">
|
||||
<IconSearch/>
|
||||
<IconSearch class="text-top-bar"/>
|
||||
</IconButton>
|
||||
</li>
|
||||
<li :aria-label="themeMode === 'light' ? __('Enable dark mode') : __('Enable light mode')" data-balloon-blunt data-balloon-pos="down">
|
||||
<IconButton @click="toggleTheme">
|
||||
<IconMoon v-if="themeMode === 'light'"/>
|
||||
<IconSun v-if="themeMode === 'dark'"/>
|
||||
<IconMoon class="text-top-bar" v-if="themeMode === 'light'"/>
|
||||
<IconSun class="text-top-bar" v-if="themeMode === 'dark'"/>
|
||||
</IconButton>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
9
resources/sass/variables.scss
vendored
9
resources/sass/variables.scss
vendored
@@ -1,7 +1,7 @@
|
||||
:root {
|
||||
--font-sans-serif: 'Inter', sans-serif;
|
||||
--font-body: 'Inter', sans-serif;
|
||||
|
||||
--color-white: #ffff;
|
||||
--color-white: #fff;
|
||||
--color-gray-1: #f7f7f7;
|
||||
--color-gray-2: #e6e6e6;
|
||||
--color-gray-3: #cacaca;
|
||||
@@ -41,7 +41,10 @@
|
||||
|
||||
--top-bar-container: 64rem;
|
||||
--top-bar-logo-height: 3.5rem;
|
||||
--top-bar-background-color: var(--color-surface-1)
|
||||
--top-bar-background-color: var(--color-surface-1);
|
||||
--top-bar-text-color: var(--color-text-medium-emphasis);
|
||||
|
||||
--breadcrumbs-text-color: var(--color-text-medium-emphasis);
|
||||
}
|
||||
|
||||
.theme--dark {
|
||||
|
||||
4
tailwind.config.js
vendored
4
tailwind.config.js
vendored
@@ -28,6 +28,10 @@ module.exports = {
|
||||
},
|
||||
height: {
|
||||
'top-bar-logo' : 'var(--top-bar-logo-height)'
|
||||
},
|
||||
textColor: {
|
||||
'breadcrumbs' : 'var(--breadcrumbs-text-color)',
|
||||
'top-bar' : 'var(--top-bar-text-color)',
|
||||
}
|
||||
},
|
||||
fontFamily: {
|
||||
|
||||
Reference in New Issue
Block a user