Update Admin CSS / Few css fixes

Changed `code` color to be a little lighter, more contrast / easier to read (From #999 to #c3c3c3)
Added Readonly style, was white box with grey letters. Changes to Dark grey box and white letters.
Changed cursor for disabled / read-only to `not-allowed` instead of `text`
Closes #1918 -> Dropdown text was grey with a grey background.
Added Green and Yellow Text colors
Added Text-Danger
Changed Link color, to be a tad lighter
Added well/well-sm/well-lg to pterodactyl.css
Changed well to match the dark theme.
Hovering over Start / Restart show respective colors Green / Blue
This commit is contained in:
AreYouScared 2020-04-19 08:30:52 -04:00
parent 00b0d30c60
commit c54cbe6638
4 changed files with 57 additions and 18 deletions

View file

@ -127,7 +127,7 @@ export default () => {
<div className={'grey-box justify-center'}>
<Can action={'control.start'}>
<button
className={'btn btn-secondary btn-xs mr-2'}
className={'btn btn-secondary btn-green btn-xs mr-2'}
disabled={status !== 'offline'}
onClick={e => {
e.preventDefault();
@ -139,7 +139,7 @@ export default () => {
</Can>
<Can action={'control.restart'}>
<button
className={'btn btn-secondary btn-xs mr-2'}
className={'btn btn-secondary btn-primary btn-xs mr-2'}
onClick={e => {
e.preventDefault();
sendPowerCommand('restart');

View file

@ -106,8 +106,8 @@
<input type="file" accept=".tar.gz, application/gzip" name="file_upload" class="well well-sm" style="width:100%"/>
<p class="text-muted small">This package file must be a <code>.tar.gz</code> archive of pack files to be decompressed into the server folder.</p>
<p class="text-muted small">If your file is larger than <code>50MB</code> it is recommended to upload it using SFTP. Once you have added this pack to the system, a path will be provided where you should upload the file.</p>
<div class="callout callout-info callout-slim no-margin-bottom">
<p class="text-muted small"><strong>This server is currently configured with the following limits:</strong><br /><code>upload_max_filesize={{ ini_get('upload_max_filesize') }}</code><br /><code>post_max_size={{ ini_get('post_max_size') }}</code><br /><br />If your file is larger than either of those values this request will fail.</p>
<div class="callout-info callout-slim no-margin-bottom">
<p class="text-muted small"><strong>This node is currently configured with the following limits:</strong><br /><code>upload_max_filesize={{ ini_get('upload_max_filesize') }}</code><br /><code>post_max_size={{ ini_get('post_max_size') }}</code><br /><br />If your file is larger than either of those values this request will fail.</p>
</div>
</div>
</div>

View file

@ -58,7 +58,7 @@
<td>{{ $user->username }}</td>
<td class="text-center">
@if($user->use_totp)
<i class="fa fa-lock text-green-500"></i>
<i class="fa fa-lock text-green"></i>
@else
<i class="fa fa-unlock text-red"></i>
@endif