UI: colorful states
This commit is contained in:
parent
c3d39e1dd4
commit
b56e28d27a
@ -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.'}
|
||||||
|
@ -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.'}
|
||||||
|
@ -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>
|
||||||
|
@ -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.'}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user