UI: colorful states

This commit is contained in:
Andras Bacsai 2022-02-28 09:48:12 +01:00
parent c3d39e1dd4
commit b56e28d27a
4 changed files with 11 additions and 9 deletions

View File

@ -128,7 +128,7 @@
title="Stop application" title="Stop application"
type="submit" type="submit"
disabled={!$session.isAdmin} disabled={!$session.isAdmin}
class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:bg-green-600 hover:text-white" class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 text-red-500"
data-tooltip={$session.isAdmin data-tooltip={$session.isAdmin
? 'Stop application' ? 'Stop application'
: 'You do not have permission to stop the application.'} : 'You do not have permission to stop the application.'}
@ -153,7 +153,7 @@
title="Rebuild application" title="Rebuild application"
type="submit" type="submit"
disabled={!$session.isAdmin} disabled={!$session.isAdmin}
class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:bg-green-600 hover:text-white" class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:text-green-500"
data-tooltip={$session.isAdmin data-tooltip={$session.isAdmin
? 'Rebuild application' ? 'Rebuild application'
: 'You do not have permission to rebuild application.'} : 'You do not have permission to rebuild application.'}

View File

@ -120,7 +120,7 @@
title="Stop database" title="Stop database"
type="submit" type="submit"
disabled={!$session.isAdmin} disabled={!$session.isAdmin}
class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:bg-purple-600 hover:text-white" class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 text-red-500"
data-tooltip={$session.isAdmin data-tooltip={$session.isAdmin
? 'Stop database' ? 'Stop database'
: 'You do not have permission to stop the database.'} : 'You do not have permission to stop the database.'}
@ -146,7 +146,7 @@
title="Start database" title="Start database"
type="submit" type="submit"
disabled={!$session.isAdmin} disabled={!$session.isAdmin}
class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:bg-purple-600 hover:text-white" class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 text-green-500"
data-tooltip={$session.isAdmin data-tooltip={$session.isAdmin
? 'Start database' ? 'Start database'
: 'You do not have permission to start the database.'} : 'You do not have permission to start the database.'}

View File

@ -71,12 +71,14 @@
class:text-stone-600={loading} class:text-stone-600={loading}
class:bg-coollabs={!loading}>{loading ? 'Authenticating...' : 'Login'}</button class:bg-coollabs={!loading}>{loading ? 'Authenticating...' : 'Login'}</button
> >
<button <button
on:click|preventDefault={() => goto('/register')} on:click|preventDefault={() => goto('/register')}
class="hover:opacity-90 text-white">Register</button class="bg-transparent hover:bg-coolgray-300 text-white ">Register</button
> >
<button class="bg-transparent" on:click|preventDefault={() => goto('/reset')} <button
>Reset password</button class="bg-transparent hover:bg-coolgray-300"
on:click|preventDefault={() => goto('/reset')}>Reset password</button
> >
</div> </div>
</form> </form>

View File

@ -140,7 +140,7 @@
title="Stop Service" title="Stop Service"
type="submit" type="submit"
disabled={!$session.isAdmin} disabled={!$session.isAdmin}
class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:bg-pink-600 hover:text-white" class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 text-red-500"
data-tooltip={$session.isAdmin data-tooltip={$session.isAdmin
? 'Stop Service' ? 'Stop Service'
: 'You do not have permission to stop the service.'} : 'You do not have permission to stop the service.'}
@ -166,7 +166,7 @@
title="Start Service" title="Start Service"
type="submit" type="submit"
disabled={!$session.isAdmin} disabled={!$session.isAdmin}
class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 hover:bg-pink-600 hover:text-white" class="icons bg-transparent tooltip-bottom text-sm flex items-center space-x-2 text-green-500"
data-tooltip={$session.isAdmin data-tooltip={$session.isAdmin
? 'Start Service' ? 'Start Service'
: 'You do not have permission to start the service.'} : 'You do not have permission to start the service.'}