More fixes
This commit is contained in:
parent
6e26f1929d
commit
e62e3babcc
15 changed files with 25 additions and 25 deletions
|
@ -81,7 +81,7 @@ export default Vue.component('forgot-password', {
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="pt-6 text-center">
|
<div class="pt-6 text-center">
|
||||||
<router-link class="text-xs textneutral-500stracking-wide no-underline uppercase hover:text-neutral-600"
|
<router-link class="text-xs text-neutral-500 tracking-wide no-underline uppercase hover:text-neutral-600"
|
||||||
aria-label="Go to login"
|
aria-label="Go to login"
|
||||||
:to="{ name: 'login' }"
|
:to="{ name: 'login' }"
|
||||||
>
|
>
|
||||||
|
|
|
@ -102,7 +102,7 @@ export default Vue.component('login-form', {
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="pt-6 text-center">
|
<div class="pt-6 text-center">
|
||||||
<router-link class="text-xs textneutral-500stracking-wide no-underline uppercase hover:text-neutral-600" aria-label="Forgot password"
|
<router-link class="text-xs text-neutral-500 tracking-wide no-underline uppercase hover:text-neutral-600" aria-label="Forgot password"
|
||||||
:to="{ name: 'forgot-password' }">
|
:to="{ name: 'forgot-password' }">
|
||||||
{{ $t('auth.forgot_password.label') }}
|
{{ $t('auth.forgot_password.label') }}
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
|
@ -110,7 +110,7 @@ export default Vue.component('reset-password', {
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="pt-6 text-center">
|
<div class="pt-6 text-center">
|
||||||
<router-link class="text-xs textneutral-500stracking-wide no-underline uppercase hover:text-neutral-600"
|
<router-link class="text-xs text-neutral-500 tracking-wide no-underline uppercase hover:text-neutral-600"
|
||||||
:to="{ name: 'login' }"
|
:to="{ name: 'login' }"
|
||||||
>
|
>
|
||||||
{{ $t('auth.go_to_login') }}
|
{{ $t('auth.go_to_login') }}
|
||||||
|
|
|
@ -69,7 +69,7 @@ export default Vue.component('two-factor-form', {
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="pt-6 text-center">
|
<div class="pt-6 text-center">
|
||||||
<router-link class="text-xs textneutral-500stracking-wide no-underline uppercase hover:text-neutral-600"
|
<router-link class="text-xs text-neutral-500 tracking-wide no-underline uppercase hover:text-neutral-600"
|
||||||
:to="{ name: 'login' }"
|
:to="{ name: 'login' }"
|
||||||
>
|
>
|
||||||
Back to Login
|
Back to Login
|
||||||
|
|
|
@ -34,7 +34,7 @@ export default Vue.component('modal', {
|
||||||
<div class="modal-container" @click.stop>
|
<div class="modal-container" @click.stop>
|
||||||
<div v-on:click="close">
|
<div v-on:click="close">
|
||||||
<icon name="x"
|
<icon name="x"
|
||||||
class="absolute pin-r pin-t m-2 textneutral-500scursor-pointer"
|
class="absolute pin-r pin-t m-2 text-neutral-500 cursor-pointer"
|
||||||
aria-label="Close modal"
|
aria-label="Close modal"
|
||||||
role="button"
|
role="button"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -1,17 +1,17 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="content-box mb-6 hover:borderneutral-500">
|
<div class="content-box mb-6 hover:border-neutral-500">
|
||||||
<div class="flex items-center text-neutral-800">
|
<div class="flex items-center text-neutral-800">
|
||||||
<database-icon class="flex-none text-green"></database-icon>
|
<database-icon class="flex-none text-green-500"></database-icon>
|
||||||
<div class="flex-1 px-4">
|
<div class="flex-1 px-4">
|
||||||
<p class="uppercase text-xs textneutral-500spb-1 select-none">Database Name</p>
|
<p class="uppercase text-xs text-neutral-500 pb-1 select-none">Database Name</p>
|
||||||
<p>{{database.name}}</p>
|
<p>{{database.name}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 px-4">
|
<div class="flex-1 px-4">
|
||||||
<p class="uppercase text-xs textneutral-500spb-1 select-none">Username</p>
|
<p class="uppercase text-xs text-neutral-500 pb-1 select-none">Username</p>
|
||||||
<p>{{database.username}}</p>
|
<p>{{database.username}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 px-4">
|
<div class="flex-1 px-4">
|
||||||
<p class="uppercase text-xs textneutral-500spb-1 select-none">Password</p>
|
<p class="uppercase text-xs text-neutral-500 pb-1 select-none">Password</p>
|
||||||
<p>
|
<p>
|
||||||
<code class="text-sm cursor-pointer" v-on:click="revealPassword">
|
<code class="text-sm cursor-pointer" v-on:click="revealPassword">
|
||||||
<span class="select-none" v-if="!database.showPassword">
|
<span class="select-none" v-if="!database.showPassword">
|
||||||
|
@ -22,7 +22,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 px-4">
|
<div class="flex-1 px-4">
|
||||||
<p class="uppercase text-xs textneutral-500spb-1 select-none">Server</p>
|
<p class="uppercase text-xs text-neutral-500 pb-1 select-none">Server</p>
|
||||||
<p><code class="text-sm">{{database.host.address}}:{{database.host.port}}</code></p>
|
<p><code class="text-sm">{{database.host.address}}:{{database.host.port}}</code></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-none px-4">
|
<div class="flex-none px-4">
|
||||||
|
|
|
@ -136,7 +136,7 @@ export default Vue.component('file-manager', {
|
||||||
<div class="alert error" v-text="errorMessage"></div>
|
<div class="alert error" v-text="errorMessage"></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="!directories.length && !files.length">
|
<div v-else-if="!directories.length && !files.length">
|
||||||
<p class="textneutral-500stext-sm text-center p-6 pb-4">This directory is empty.</p>
|
<p class="text-neutral-500 text-sm text-center p-6 pb-4">This directory is empty.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="filemanager" v-else>
|
<div class="filemanager" v-else>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
@apply .border .border-neutral-400 .text-neutral-600;
|
@apply .border .border-neutral-400 .text-neutral-600;
|
||||||
|
|
||||||
&:hover:enabled {
|
&:hover:enabled {
|
||||||
@apply .borderneutral-500s.text-neutral-800;
|
@apply .border-neutral-500 .text-neutral-800;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.btn-red:hover:enabled {
|
&.btn-red:hover:enabled {
|
||||||
|
|
|
@ -68,7 +68,7 @@
|
||||||
@apply .px-4 .py-3 .mb-6 .rounded .bg-white .text-neutral-800 .shadow-md;
|
@apply .px-4 .py-3 .mb-6 .rounded .bg-white .text-neutral-800 .shadow-md;
|
||||||
|
|
||||||
& a {
|
& a {
|
||||||
@apply .no-underline .text-blue;
|
@apply .no-underline .text-primary-500;
|
||||||
transition: color 50ms ease-in;
|
transition: color 50ms ease-in;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -40,7 +40,7 @@ input[type=number] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-open > label {
|
.input-open > label {
|
||||||
@apply .block .uppercase .tracking-wide .textneutral-500s.text-xs .mb-2 .absolute;
|
@apply .block .uppercase .tracking-wide .text-neutral-500 .text-xs .mb-2 .absolute;
|
||||||
top: 14px;
|
top: 14px;
|
||||||
transition: transform 200ms ease-out;
|
transition: transform 200ms ease-out;
|
||||||
}
|
}
|
||||||
|
@ -61,7 +61,7 @@ input[type=number] {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.error {
|
&.error {
|
||||||
@apply .text-red-600 .border-red;
|
@apply .text-red-600 .border-red-500;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -70,7 +70,7 @@ input[type=number] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-help {
|
.input-help {
|
||||||
@apply .text-xs .textneutral-500s.pt-2;
|
@apply .text-xs .text-neutral-500 .pt-2;
|
||||||
|
|
||||||
&.error {
|
&.error {
|
||||||
@apply .text-red-600;
|
@apply .text-red-600;
|
||||||
|
|
|
@ -11,18 +11,18 @@ code {
|
||||||
* Indicators for server online status.
|
* Indicators for server online status.
|
||||||
*/
|
*/
|
||||||
.indicator {
|
.indicator {
|
||||||
@apply .bg-neutral-800 .border .border-grey;
|
@apply .bg-neutral-800 .border .border-primary-500;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
|
||||||
&.online {
|
&.online {
|
||||||
@apply .bg-green-600 .border-green;
|
@apply .bg-green-600 .border-green-500;
|
||||||
animation: onlineblink 2s infinite alternate;
|
animation: onlineblink 2s infinite alternate;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.offline {
|
&.offline {
|
||||||
@apply .bg-green-600 .border-red;
|
@apply .bg-green-600 .border-red-500;
|
||||||
animation: offlineblink 2s infinite alternate;
|
animation: offlineblink 2s infinite alternate;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -34,7 +34,7 @@ code {
|
||||||
@apply .flex-1 .text-center .relative;
|
@apply .flex-1 .text-center .relative;
|
||||||
|
|
||||||
& > .indicator-title {
|
& > .indicator-title {
|
||||||
@apply .text-xs .uppercase .font-hairline .bg-white .absolute .text-grey;
|
@apply .text-xs .uppercase .font-hairline .bg-white .absolute .text-primary-500;
|
||||||
margin-top:-9px;
|
margin-top:-9px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
|
@ -40,7 +40,7 @@
|
||||||
@apply .bg-yellow-600 .border-yellow-800 .text-yellow-50;
|
@apply .bg-yellow-600 .border-yellow-800 .text-yellow-50;
|
||||||
|
|
||||||
& > .title {
|
& > .title {
|
||||||
@apply .bg-yellow;
|
@apply .bg-yellow-500;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -58,7 +58,7 @@
|
||||||
<td>{{ $user->username }}</td>
|
<td>{{ $user->username }}</td>
|
||||||
<td class="text-center">
|
<td class="text-center">
|
||||||
@if($user->use_totp)
|
@if($user->use_totp)
|
||||||
<i class="fa fa-lock text-green"></i>
|
<i class="fa fa-lock text-green-500"></i>
|
||||||
@else
|
@else
|
||||||
<i class="fa fa-unlock text-red"></i>
|
<i class="fa fa-unlock text-red"></i>
|
||||||
@endif
|
@endif
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<td class="middle"><code>{{ $subuser->user->email }}</code></td>
|
<td class="middle"><code>{{ $subuser->user->email }}</code></td>
|
||||||
<td class="middle text-center">
|
<td class="middle text-center">
|
||||||
@if($subuser->user->use_totp)
|
@if($subuser->user->use_totp)
|
||||||
<i class="fa fa-lock text-green"></i>
|
<i class="fa fa-lock text-green-500"></i>
|
||||||
@else
|
@else
|
||||||
<i class="fa fa-unlock text-red"></i>
|
<i class="fa fa-unlock text-red"></i>
|
||||||
@endif
|
@endif
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<img src="/assets/img/pterodactyl-flat.svg" class="max-w-xxs">
|
<img src="/assets/img/pterodactyl-flat.svg" class="max-w-xxs">
|
||||||
</div>
|
</div>
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
<p class="text-center textneutral-500stext-xs">
|
<p class="text-center text-neutral-500 text-xs">
|
||||||
{!! trans('strings.copyright', ['year' => date('Y')]) !!}
|
{!! trans('strings.copyright', ['year' => date('Y')]) !!}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue