davidl/ploi-core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Dennis
2020-11-28 09:48:50 +01:00
parent bf55092b3a
commit 5604503d26
13 changed files with 637 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/Console/Commands/Core/Css.php
View File

@@ -14,7 +14,7 @@ class Css extends Command
public function handle()
{
if(file_exists(storage_path('app/public/theme.css')) && !$this->confirm('You seem to already have a theme.css published, are you sure you want to overwrite?')){
$this->warn('Aborted publishing of theme.css');
$this->warn('Aborted publishing of theme.css.');
return 0;
}

31
app/Console/Commands/Core/CssBackup.php Normal file
View File

@@ -0,0 +1,31 @@
<?php
namespace App\Console\Commands\Core;
use Illuminate\Console\Command;
use Illuminate\Filesystem\Filesystem;
class CssBackup extends Command
{
protected $signature = 'core:css-backup';
protected $description = 'Creates a backup from your own created theme.css';
public function handle()
{
if(!file_exists(storage_path('app/public/theme.css'))){
$this->warn('There is no custom theme.css, aborting backup.');
return 0;
}
$this->info('Backing up theme.css file..');
(new Filesystem)->copy(
storage_path('app/public/theme.css'),
storage_path('app/public/theme-backup.css')
);
$this->info('Done! You can find the CSS backup file here storage/public/theme-backup.css');
}
}

5
app/Console/Commands/Core/stubs/theme.css vendored
View File

@@ -44,6 +44,11 @@
--top-bar-background-color: var(--color-surface-1);
--top-bar-text-color: var(--color-text-medium-emphasis);
--tab-bar-background-color: var(--color-surface-2);
--tab-bar-item-active-background-color: var(--color-surface-1);
--tab-bar-item-text-color: var(--color-text-medium-emphasis);
--tab-bar-item-active-text-color: var(--color-text-high-emphasis);
--breadcrumbs-text-color: var(--color-text-medium-emphasis);
}

2
app/Console/Kernel.php
View File

@@ -3,6 +3,7 @@
namespace App\Console;
use App\Console\Commands\Core\Css;
use App\Console\Commands\Core\CssBackup;
use App\Jobs\Core\Ping;
use App\Console\Commands\Core\Install;
use App\Console\Commands\Core\Synchronize;
@@ -13,6 +14,7 @@ class Kernel extends ConsoleKernel
{
protected $commands = [
Css::class,
CssBackup::class,
Install::class,
Synchronize::class,
];

524
public/css/app.css vendored
View File

@@ -35,6 +35,10 @@
--top-bar-logo-height: 3.5rem;
--top-bar-background-color: var(--color-surface-1);
--top-bar-text-color: var(--color-text-medium-emphasis);
--tab-bar-background-color: var(--color-surface-2);
--tab-bar-item-active-background-color: var(--color-surface-1);
--tab-bar-item-text-color: var(--color-text-medium-emphasis);
--tab-bar-item-active-text-color: var(--color-text-high-emphasis);
--breadcrumbs-text-color: var(--color-text-medium-emphasis);
}
@@ -2683,6 +2687,14 @@ video {
background-color: var(--top-bar-background-color);
}
.bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:hover .group-hover\:bg-transparent {
background-color: transparent;
}
@@ -2727,6 +2739,14 @@ video {
background-color: var(--top-bar-background-color);
}
.group:hover .group-hover\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:hover .group-hover\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:focus .group-focus\:bg-transparent {
background-color: transparent;
}
@@ -2771,6 +2791,14 @@ video {
background-color: var(--top-bar-background-color);
}
.group:focus .group-focus\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:focus .group-focus\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.hover\:bg-transparent:hover {
background-color: transparent;
}
@@ -2815,6 +2843,14 @@ video {
background-color: var(--top-bar-background-color);
}
.hover\:bg-tab-bar:hover {
background-color: var(--tab-bar-background-color);
}
.hover\:bg-tab-bar-item:hover {
background-color: var(--tab-bar-item-active-background-color);
}
.focus\:bg-transparent:focus {
background-color: transparent;
}
@@ -2859,6 +2895,14 @@ video {
background-color: var(--top-bar-background-color);
}
.focus\:bg-tab-bar:focus {
background-color: var(--tab-bar-background-color);
}
.focus\:bg-tab-bar-item:focus {
background-color: var(--tab-bar-item-active-background-color);
}
.active\:bg-transparent:active {
background-color: transparent;
}
@@ -2903,6 +2947,14 @@ video {
background-color: var(--top-bar-background-color);
}
.active\:bg-tab-bar:active {
background-color: var(--tab-bar-background-color);
}
.active\:bg-tab-bar-item:active {
background-color: var(--tab-bar-item-active-background-color);
}
.bg-none {
background-image: none;
}
@@ -23546,6 +23598,14 @@ video {
color: var(--top-bar-text-color);
}
.text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:hover .group-hover\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -23598,6 +23658,14 @@ video {
color: var(--top-bar-text-color);
}
.group:hover .group-hover\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:hover .group-hover\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:focus .group-focus\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -23650,6 +23718,14 @@ video {
color: var(--top-bar-text-color);
}
.group:focus .group-focus\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:focus .group-focus\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.hover\:text-low-emphasis:hover {
color: var(--color-text-low-emphasis);
}
@@ -23702,6 +23778,14 @@ video {
color: var(--top-bar-text-color);
}
.hover\:text-tab-bar:hover {
color: var(--tab-bar-item-text-color);
}
.hover\:text-tab-bar-active:hover {
color: var(--tab-bar-item-active-text-color);
}
.focus-within\:text-low-emphasis:focus-within {
color: var(--color-text-low-emphasis);
}
@@ -23754,6 +23838,14 @@ video {
color: var(--top-bar-text-color);
}
.focus-within\:text-tab-bar:focus-within {
color: var(--tab-bar-item-text-color);
}
.focus-within\:text-tab-bar-active:focus-within {
color: var(--tab-bar-item-active-text-color);
}
.focus\:text-low-emphasis:focus {
color: var(--color-text-low-emphasis);
}
@@ -23806,6 +23898,14 @@ video {
color: var(--top-bar-text-color);
}
.focus\:text-tab-bar:focus {
color: var(--tab-bar-item-text-color);
}
.focus\:text-tab-bar-active:focus {
color: var(--tab-bar-item-active-text-color);
}
.active\:text-low-emphasis:active {
color: var(--color-text-low-emphasis);
}
@@ -23858,6 +23958,14 @@ video {
color: var(--top-bar-text-color);
}
.active\:text-tab-bar:active {
color: var(--tab-bar-item-text-color);
}
.active\:text-tab-bar-active:active {
color: var(--tab-bar-item-active-text-color);
}
.text-opacity-0 {
--text-opacity: 0;
}
@@ -32041,6 +32149,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.sm\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.sm\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:hover .sm\:group-hover\:bg-transparent {
background-color: transparent;
}
@@ -32085,6 +32201,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:hover .sm\:group-hover\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:hover .sm\:group-hover\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:focus .sm\:group-focus\:bg-transparent {
background-color: transparent;
}
@@ -32129,6 +32253,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:focus .sm\:group-focus\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:focus .sm\:group-focus\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.sm\:hover\:bg-transparent:hover {
background-color: transparent;
}
@@ -32173,6 +32305,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.sm\:hover\:bg-tab-bar:hover {
background-color: var(--tab-bar-background-color);
}
.sm\:hover\:bg-tab-bar-item:hover {
background-color: var(--tab-bar-item-active-background-color);
}
.sm\:focus\:bg-transparent:focus {
background-color: transparent;
}
@@ -32217,6 +32357,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.sm\:focus\:bg-tab-bar:focus {
background-color: var(--tab-bar-background-color);
}
.sm\:focus\:bg-tab-bar-item:focus {
background-color: var(--tab-bar-item-active-background-color);
}
.sm\:active\:bg-transparent:active {
background-color: transparent;
}
@@ -32261,6 +32409,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.sm\:active\:bg-tab-bar:active {
background-color: var(--tab-bar-background-color);
}
.sm\:active\:bg-tab-bar-item:active {
background-color: var(--tab-bar-item-active-background-color);
}
.sm\:bg-none {
background-image: none;
}
@@ -52904,6 +53060,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.sm\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.sm\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:hover .sm\:group-hover\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -52956,6 +53120,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:hover .sm\:group-hover\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:hover .sm\:group-hover\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:focus .sm\:group-focus\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -53008,6 +53180,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:focus .sm\:group-focus\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:focus .sm\:group-focus\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.sm\:hover\:text-low-emphasis:hover {
color: var(--color-text-low-emphasis);
}
@@ -53060,6 +53240,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.sm\:hover\:text-tab-bar:hover {
color: var(--tab-bar-item-text-color);
}
.sm\:hover\:text-tab-bar-active:hover {
color: var(--tab-bar-item-active-text-color);
}
.sm\:focus-within\:text-low-emphasis:focus-within {
color: var(--color-text-low-emphasis);
}
@@ -53112,6 +53300,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.sm\:focus-within\:text-tab-bar:focus-within {
color: var(--tab-bar-item-text-color);
}
.sm\:focus-within\:text-tab-bar-active:focus-within {
color: var(--tab-bar-item-active-text-color);
}
.sm\:focus\:text-low-emphasis:focus {
color: var(--color-text-low-emphasis);
}
@@ -53164,6 +53360,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.sm\:focus\:text-tab-bar:focus {
color: var(--tab-bar-item-text-color);
}
.sm\:focus\:text-tab-bar-active:focus {
color: var(--tab-bar-item-active-text-color);
}
.sm\:active\:text-low-emphasis:active {
color: var(--color-text-low-emphasis);
}
@@ -53216,6 +53420,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.sm\:active\:text-tab-bar:active {
color: var(--tab-bar-item-text-color);
}
.sm\:active\:text-tab-bar-active:active {
color: var(--tab-bar-item-active-text-color);
}
.sm\:text-opacity-0 {
--text-opacity: 0;
}
@@ -61029,6 +61241,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.md\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.md\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:hover .md\:group-hover\:bg-transparent {
background-color: transparent;
}
@@ -61073,6 +61293,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:hover .md\:group-hover\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:hover .md\:group-hover\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:focus .md\:group-focus\:bg-transparent {
background-color: transparent;
}
@@ -61117,6 +61345,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:focus .md\:group-focus\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:focus .md\:group-focus\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.md\:hover\:bg-transparent:hover {
background-color: transparent;
}
@@ -61161,6 +61397,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.md\:hover\:bg-tab-bar:hover {
background-color: var(--tab-bar-background-color);
}
.md\:hover\:bg-tab-bar-item:hover {
background-color: var(--tab-bar-item-active-background-color);
}
.md\:focus\:bg-transparent:focus {
background-color: transparent;
}
@@ -61205,6 +61449,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.md\:focus\:bg-tab-bar:focus {
background-color: var(--tab-bar-background-color);
}
.md\:focus\:bg-tab-bar-item:focus {
background-color: var(--tab-bar-item-active-background-color);
}
.md\:active\:bg-transparent:active {
background-color: transparent;
}
@@ -61249,6 +61501,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.md\:active\:bg-tab-bar:active {
background-color: var(--tab-bar-background-color);
}
.md\:active\:bg-tab-bar-item:active {
background-color: var(--tab-bar-item-active-background-color);
}
.md\:bg-none {
background-image: none;
}
@@ -81892,6 +82152,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.md\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.md\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:hover .md\:group-hover\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -81944,6 +82212,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:hover .md\:group-hover\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:hover .md\:group-hover\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:focus .md\:group-focus\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -81996,6 +82272,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:focus .md\:group-focus\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:focus .md\:group-focus\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.md\:hover\:text-low-emphasis:hover {
color: var(--color-text-low-emphasis);
}
@@ -82048,6 +82332,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.md\:hover\:text-tab-bar:hover {
color: var(--tab-bar-item-text-color);
}
.md\:hover\:text-tab-bar-active:hover {
color: var(--tab-bar-item-active-text-color);
}
.md\:focus-within\:text-low-emphasis:focus-within {
color: var(--color-text-low-emphasis);
}
@@ -82100,6 +82392,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.md\:focus-within\:text-tab-bar:focus-within {
color: var(--tab-bar-item-text-color);
}
.md\:focus-within\:text-tab-bar-active:focus-within {
color: var(--tab-bar-item-active-text-color);
}
.md\:focus\:text-low-emphasis:focus {
color: var(--color-text-low-emphasis);
}
@@ -82152,6 +82452,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.md\:focus\:text-tab-bar:focus {
color: var(--tab-bar-item-text-color);
}
.md\:focus\:text-tab-bar-active:focus {
color: var(--tab-bar-item-active-text-color);
}
.md\:active\:text-low-emphasis:active {
color: var(--color-text-low-emphasis);
}
@@ -82204,6 +82512,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.md\:active\:text-tab-bar:active {
color: var(--tab-bar-item-text-color);
}
.md\:active\:text-tab-bar-active:active {
color: var(--tab-bar-item-active-text-color);
}
.md\:text-opacity-0 {
--text-opacity: 0;
}
@@ -90017,6 +90333,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.lg\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.lg\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:hover .lg\:group-hover\:bg-transparent {
background-color: transparent;
}
@@ -90061,6 +90385,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:hover .lg\:group-hover\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:hover .lg\:group-hover\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:focus .lg\:group-focus\:bg-transparent {
background-color: transparent;
}
@@ -90105,6 +90437,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:focus .lg\:group-focus\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:focus .lg\:group-focus\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.lg\:hover\:bg-transparent:hover {
background-color: transparent;
}
@@ -90149,6 +90489,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.lg\:hover\:bg-tab-bar:hover {
background-color: var(--tab-bar-background-color);
}
.lg\:hover\:bg-tab-bar-item:hover {
background-color: var(--tab-bar-item-active-background-color);
}
.lg\:focus\:bg-transparent:focus {
background-color: transparent;
}
@@ -90193,6 +90541,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.lg\:focus\:bg-tab-bar:focus {
background-color: var(--tab-bar-background-color);
}
.lg\:focus\:bg-tab-bar-item:focus {
background-color: var(--tab-bar-item-active-background-color);
}
.lg\:active\:bg-transparent:active {
background-color: transparent;
}
@@ -90237,6 +90593,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.lg\:active\:bg-tab-bar:active {
background-color: var(--tab-bar-background-color);
}
.lg\:active\:bg-tab-bar-item:active {
background-color: var(--tab-bar-item-active-background-color);
}
.lg\:bg-none {
background-image: none;
}
@@ -110880,6 +111244,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.lg\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.lg\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:hover .lg\:group-hover\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -110932,6 +111304,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:hover .lg\:group-hover\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:hover .lg\:group-hover\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:focus .lg\:group-focus\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -110984,6 +111364,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:focus .lg\:group-focus\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:focus .lg\:group-focus\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.lg\:hover\:text-low-emphasis:hover {
color: var(--color-text-low-emphasis);
}
@@ -111036,6 +111424,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.lg\:hover\:text-tab-bar:hover {
color: var(--tab-bar-item-text-color);
}
.lg\:hover\:text-tab-bar-active:hover {
color: var(--tab-bar-item-active-text-color);
}
.lg\:focus-within\:text-low-emphasis:focus-within {
color: var(--color-text-low-emphasis);
}
@@ -111088,6 +111484,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.lg\:focus-within\:text-tab-bar:focus-within {
color: var(--tab-bar-item-text-color);
}
.lg\:focus-within\:text-tab-bar-active:focus-within {
color: var(--tab-bar-item-active-text-color);
}
.lg\:focus\:text-low-emphasis:focus {
color: var(--color-text-low-emphasis);
}
@@ -111140,6 +111544,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.lg\:focus\:text-tab-bar:focus {
color: var(--tab-bar-item-text-color);
}
.lg\:focus\:text-tab-bar-active:focus {
color: var(--tab-bar-item-active-text-color);
}
.lg\:active\:text-low-emphasis:active {
color: var(--color-text-low-emphasis);
}
@@ -111192,6 +111604,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.lg\:active\:text-tab-bar:active {
color: var(--tab-bar-item-text-color);
}
.lg\:active\:text-tab-bar-active:active {
color: var(--tab-bar-item-active-text-color);
}
.lg\:text-opacity-0 {
--text-opacity: 0;
}
@@ -119005,6 +119425,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.xl\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.xl\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:hover .xl\:group-hover\:bg-transparent {
background-color: transparent;
}
@@ -119049,6 +119477,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:hover .xl\:group-hover\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:hover .xl\:group-hover\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.group:focus .xl\:group-focus\:bg-transparent {
background-color: transparent;
}
@@ -119093,6 +119529,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.group:focus .xl\:group-focus\:bg-tab-bar {
background-color: var(--tab-bar-background-color);
}
.group:focus .xl\:group-focus\:bg-tab-bar-item {
background-color: var(--tab-bar-item-active-background-color);
}
.xl\:hover\:bg-transparent:hover {
background-color: transparent;
}
@@ -119137,6 +119581,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.xl\:hover\:bg-tab-bar:hover {
background-color: var(--tab-bar-background-color);
}
.xl\:hover\:bg-tab-bar-item:hover {
background-color: var(--tab-bar-item-active-background-color);
}
.xl\:focus\:bg-transparent:focus {
background-color: transparent;
}
@@ -119181,6 +119633,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.xl\:focus\:bg-tab-bar:focus {
background-color: var(--tab-bar-background-color);
}
.xl\:focus\:bg-tab-bar-item:focus {
background-color: var(--tab-bar-item-active-background-color);
}
.xl\:active\:bg-transparent:active {
background-color: transparent;
}
@@ -119225,6 +119685,14 @@ button[aria-label][data-balloon-pos] {
background-color: var(--top-bar-background-color);
}
.xl\:active\:bg-tab-bar:active {
background-color: var(--tab-bar-background-color);
}
.xl\:active\:bg-tab-bar-item:active {
background-color: var(--tab-bar-item-active-background-color);
}
.xl\:bg-none {
background-image: none;
}
@@ -139868,6 +140336,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.xl\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.xl\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:hover .xl\:group-hover\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -139920,6 +140396,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:hover .xl\:group-hover\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:hover .xl\:group-hover\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.group:focus .xl\:group-focus\:text-low-emphasis {
color: var(--color-text-low-emphasis);
}
@@ -139972,6 +140456,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.group:focus .xl\:group-focus\:text-tab-bar {
color: var(--tab-bar-item-text-color);
}
.group:focus .xl\:group-focus\:text-tab-bar-active {
color: var(--tab-bar-item-active-text-color);
}
.xl\:hover\:text-low-emphasis:hover {
color: var(--color-text-low-emphasis);
}
@@ -140024,6 +140516,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.xl\:hover\:text-tab-bar:hover {
color: var(--tab-bar-item-text-color);
}
.xl\:hover\:text-tab-bar-active:hover {
color: var(--tab-bar-item-active-text-color);
}
.xl\:focus-within\:text-low-emphasis:focus-within {
color: var(--color-text-low-emphasis);
}
@@ -140076,6 +140576,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.xl\:focus-within\:text-tab-bar:focus-within {
color: var(--tab-bar-item-text-color);
}
.xl\:focus-within\:text-tab-bar-active:focus-within {
color: var(--tab-bar-item-active-text-color);
}
.xl\:focus\:text-low-emphasis:focus {
color: var(--color-text-low-emphasis);
}
@@ -140128,6 +140636,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.xl\:focus\:text-tab-bar:focus {
color: var(--tab-bar-item-text-color);
}
.xl\:focus\:text-tab-bar-active:focus {
color: var(--tab-bar-item-active-text-color);
}
.xl\:active\:text-low-emphasis:active {
color: var(--color-text-low-emphasis);
}
@@ -140180,6 +140696,14 @@ button[aria-label][data-balloon-pos] {
color: var(--top-bar-text-color);
}
.xl\:active\:text-tab-bar:active {
color: var(--tab-bar-item-text-color);
}
.xl\:active\:text-tab-bar-active:active {
color: var(--tab-bar-item-active-text-color);
}
.xl\:text-opacity-0 {
--text-opacity: 0;
}

6
public/js/0.js vendored
View File

@@ -301,8 +301,8 @@ __webpack_require__.r(__webpack_exports__);
//
//
var transitionClasses = 'transition duration-fast hover:text-high-emphasis focus:text-high-emphasis';
var baseClasses = 'inline-flex items-center justify-center h-10 px-6 font-medium rounded text-small text-medium-emphasis';
var activeClasses = 'shadow text-high-emphasis bg-surface-1';
var baseClasses = 'inline-flex items-center justify-center h-10 px-6 font-medium rounded text-small text-tab-bar';
var activeClasses = 'shadow text-tab-bar-active bg-tab-bar-item';
/* harmony default export */ __webpack_exports__["default"] = ({
props: {
to: {
@@ -741,7 +741,7 @@ var render = function() {
"ul",
{
staticClass:
"inline-flex flex-row p-1 overflow-hidden overflow-x-auto whitespace-no-wrap rounded bg-surface-2"
"inline-flex flex-row p-1 overflow-hidden overflow-x-auto whitespace-no-wrap rounded bg-tab-bar"
},
_vm._l(_vm.items, function(item) {
return item

62
public/js/31.js vendored
View File

@@ -82,6 +82,13 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
//
//
//
@@ -139,16 +146,7 @@ __webpack_require__.r(__webpack_exports__);
};
},
methods: {
useNotification: _hooks_notification__WEBPACK_IMPORTED_MODULE_18__["useNotification"],
update: function update() {
var _this = this;
this.sending = true;
this.updating = true;
this.$inertia.post(this.route('admin.system.update')).then(function (response) {
_this.sending = false;
});
}
useNotification: _hooks_notification__WEBPACK_IMPORTED_MODULE_18__["useNotification"]
}
});
@@ -446,9 +444,47 @@ var render = function() {
_vm._v(" "),
_vm.version.out_of_date && !_vm.updating
? _c(
"Button",
{ on: { click: _vm.update } },
[_vm._v("Update")]
"div",
{
staticClass:
"bg-primary text-on-primary px-4 py-3 rounded relative space-y-2",
attrs: { role: "alert" }
},
[
_c(
"strong",
{ staticClass: "font-bold" },
[_vm._v("Update available")]
),
_vm._v(" "),
_c(
"p",
{ staticClass: "block" },
[
_vm._v(
"\n An update is available for your system, please upgrade.\n "
)
]
),
_vm._v(" "),
_c(
"a",
{
staticClass:
"block font-bold underline",
attrs: {
href:
"https://docs.ploi-core.io/digging-deeper/manual-update",
target: "_blank"
}
},
[
_vm._v(
"Find out how to upgrade here"
)
]
)
]
)
: _vm._e()
]

2
public/js/app.js vendored
View File

@@ -43,7 +43,7 @@
/******/
/******/ // script path function
/******/ function jsonpScriptSrc(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] + ""
/******/ return __webpack_require__.p + "js/" + ({}[chunkId]||chunkId) + ".js?id=" + {"0":"b27aac18f239c8a109ff","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":"996366ba461ccca9b9dd","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

19
resources/js/Pages/Admin/System.vue
View File

@@ -27,7 +27,14 @@
<p>{{ __('Current version') }}: {{ version.current }}</p>
<p>{{ __('Remote version') }}: {{ version.remote }}</p>
<Button v-if="version.out_of_date && !updating" @click="update">Update</Button>
<div v-if="version.out_of_date && !updating" class="bg-primary text-on-primary px-4 py-3 rounded relative space-y-2" role="alert">
<strong class="font-bold">Update available</strong>
<p class="block">
An update is available for your system, please upgrade.
</p>
<a class="block font-bold underline" href="https://docs.ploi-core.io/digging-deeper/manual-update" target="_blank">Find out how to upgrade here</a>
</div>
</template>
</SettingsSegment>
@@ -116,16 +123,6 @@
methods: {
useNotification,
update() {
this.sending = true;
this.updating = true;
this.$inertia.post(this.route('admin.system.update'))
.then(response => {
this.sending = false;
})
}
}
}
</script>

2
resources/js/components/TabBar.vue
View File

@@ -1,6 +1,6 @@
<template>
<ul
class="inline-flex flex-row p-1 overflow-hidden overflow-x-auto whitespace-no-wrap rounded bg-surface-2"
class="inline-flex flex-row p-1 overflow-hidden overflow-x-auto whitespace-no-wrap rounded bg-tab-bar"
>
<TabBarItem v-for="item in items" :key="item.title" :to="item.to" :active="item.active" v-if="item">
{{ item.title }}

4
resources/js/components/TabBarItem.vue
View File

@@ -13,8 +13,8 @@
const transitionClasses =
'transition duration-fast hover:text-high-emphasis focus:text-high-emphasis'
const baseClasses =
'inline-flex items-center justify-center h-10 px-6 font-medium rounded text-small text-medium-emphasis'
const activeClasses = 'shadow text-high-emphasis bg-surface-1'
'inline-flex items-center justify-center h-10 px-6 font-medium rounded text-small text-tab-bar'
const activeClasses = 'shadow text-tab-bar-active bg-tab-bar-item'
export default {
props: {

5
resources/sass/variables.scss vendored
View File

@@ -44,6 +44,11 @@
--top-bar-background-color: var(--color-surface-1);
--top-bar-text-color: var(--color-text-medium-emphasis);
--tab-bar-background-color: var(--color-surface-2);
--tab-bar-item-active-background-color: var(--color-surface-1);
--tab-bar-item-text-color: var(--color-text-medium-emphasis);
--tab-bar-item-active-text-color: var(--color-text-high-emphasis);
--breadcrumbs-text-color: var(--color-text-medium-emphasis);
}

6
tailwind.config.js vendored
View File

@@ -24,7 +24,9 @@ module.exports = {
'top-bar-container' : 'var(--top-bar-container)'
},
backgroundColor: {
'top-bar' : 'var(--top-bar-background-color)'
'top-bar' : 'var(--top-bar-background-color)',
'tab-bar' : 'var(--tab-bar-background-color)',
'tab-bar-item' : 'var(--tab-bar-item-active-background-color)',
},
height: {
'top-bar-logo' : 'var(--top-bar-logo-height)'
@@ -32,6 +34,8 @@ module.exports = {
textColor: {
'breadcrumbs' : 'var(--breadcrumbs-text-color)',
'top-bar' : 'var(--top-bar-text-color)',
'tab-bar' : 'var(--tab-bar-item-text-color)',
'tab-bar-active' : 'var(--tab-bar-item-active-text-color)',
}
},
fontFamily: {