More fixes

This commit is contained in:
Dane Everitt 2019-02-09 14:48:47 -08:00
parent 6e26f1929d
commit e62e3babcc
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
15 changed files with 25 additions and 25 deletions

View file

@ -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' }"
> >

View file

@ -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>

View file

@ -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') }}

View file

@ -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

View file

@ -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"
/> />

View file

@ -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">

View file

@ -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">

View file

@ -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 {

View file

@ -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 {

View file

@ -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;

View file

@ -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%;

View file

@ -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;
} }
} }
} }

View file

@ -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

View file

@ -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

View file

@ -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>