Update classes
This commit is contained in:
parent
8ae9f3fa56
commit
2c20c14b53
|
@ -28,14 +28,14 @@
|
||||||
<div>
|
<div>
|
||||||
<ul class="list-reset flex -ml-px">
|
<ul class="list-reset flex -ml-px">
|
||||||
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
||||||
<button type="button" class="w-full py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
<button type="button" class="w-full flex flex-col items-center py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
||||||
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__fork"></use></svg>
|
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__fork"></use></svg>
|
||||||
<span class="block">Deploy</span>
|
<span class="block">Deploy</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
||||||
<button type="button" class="w-full py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
<button type="button" class="w-full flex flex-col items-center py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
||||||
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__switch"></use></svg>
|
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__switch"></use></svg>
|
||||||
<span class="block">Switch</span>
|
<span class="block">Switch</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -67,14 +67,14 @@
|
||||||
<div>
|
<div>
|
||||||
<ul class="list-reset flex -ml-px">
|
<ul class="list-reset flex -ml-px">
|
||||||
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
||||||
<button type="button" class="w-full py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
<button type="button" class="w-full flex flex-col items-center py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
||||||
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
||||||
<span class="block">Copy</span>
|
<span class="block">Copy</span>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
||||||
<button type="button" class="w-full py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
<button type="button" class="w-full flex flex-col items-center py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
||||||
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__backup"></use></svg>
|
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__backup"></use></svg>
|
||||||
<span class="block">Back up</span>
|
<span class="block">Back up</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -83,7 +83,7 @@
|
||||||
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="w-full py-3 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block"
|
class="w-full flex flex-col items-center py-3 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block"
|
||||||
:class="{
|
:class="{
|
||||||
'text-blue-300': !isProduction,
|
'text-blue-300': !isProduction,
|
||||||
'text-grey-500 cursor-not-allowed': isProduction
|
'text-grey-500 cursor-not-allowed': isProduction
|
||||||
|
@ -121,7 +121,7 @@
|
||||||
<div>
|
<div>
|
||||||
<ul class="list-reset flex -ml-px">
|
<ul class="list-reset flex -ml-px">
|
||||||
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
<li class="w-1/2 flex-1 text-center border-l border-grey-400">
|
||||||
<button type="button" class="w-full py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
<button type="button" class="w-full flex flex-col items-center py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
||||||
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
<svg class="h-6 w-6 fill-current mb-2" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
||||||
<span class="block">Copy</span>
|
<span class="block">Copy</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<button type="button" class="flex items-center justify-between text-white pl-1 bg-blue-200 hover:bg-blue-400 focus:bg-blue-400 focus:outline-none focus:underline text-sm w-full text-left">
|
<button type="button" class="flex items-center justify-between text-white pl-1 bg-blue-200 hover:bg-blue-400 focus:bg-blue-400 focus:outline-none focus:underline text-sm w-full text-left py-1">
|
||||||
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__grip-handle"></use></svg>
|
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__grip-handle"></use></svg>
|
||||||
<span class="flex-1">Code</span>
|
<span class="flex-1">Code</span>
|
||||||
<span class="border-l border-grey-400 p-2">
|
<span class="border-l border-grey-400 p-2">
|
||||||
|
@ -29,7 +29,7 @@
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button type="button" class="flex items-center justify-between text-white pl-1 bg-blue-200 hover:bg-blue-400 focus:bg-blue-400 focus:outline-none focus:underline text-sm w-full text-left border-t border-grey-400">
|
<button type="button" class="flex items-center justify-between text-white pl-1 bg-blue-200 hover:bg-blue-400 focus:bg-blue-400 focus:outline-none focus:underline text-sm w-full text-left py-1 border-t border-grey-400">
|
||||||
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__grip-handle"></use></svg>
|
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__grip-handle"></use></svg>
|
||||||
<span class="flex-1">Databases</span>
|
<span class="flex-1">Databases</span>
|
||||||
<span class="border-l border-grey-400 p-2">
|
<span class="border-l border-grey-400 p-2">
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button type="button" class="flex items-center text-white bg-blue-200 hover:bg-blue-400 focus:bg-blue-400 focus:outline-none focus:underline px-1 py-3 text-sm w-full text-left border-t border-grey-400">
|
<button type="button" class="flex items-center text-white bg-blue-200 hover:bg-blue-400 focus:bg-blue-400 focus:outline-none focus:underline px-1 py-3 text-sm w-full text-left py-1 border-t border-grey-400">
|
||||||
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__grip-handle"></use></svg>
|
<svg class="h-6 w-5 text-white mr-2 fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__grip-handle"></use></svg>
|
||||||
Files
|
Files
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="fixed pin-t w-full z-30">
|
<div class="fixed top-0 w-full z-30">
|
||||||
<navbar></navbar>
|
<navbar></navbar>
|
||||||
|
|
||||||
<title-block>
|
<title-block>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="fixed pin-t w-full z-30">
|
<div class="fixed top-0 w-full z-30">
|
||||||
<navbar></navbar>
|
<navbar></navbar>
|
||||||
|
|
||||||
<title-block>
|
<title-block>
|
||||||
|
@ -86,7 +86,7 @@
|
||||||
<div class="mb-6 relative">
|
<div class="mb-6 relative">
|
||||||
<div class="text-xs mb-1">Git URL</div>
|
<div class="text-xs mb-1">Git URL</div>
|
||||||
<div class="border border-grey-dark rounded p-3 truncate">{{ gitUrl }}</div>
|
<div class="border border-grey-dark rounded p-3 truncate">{{ gitUrl }}</div>
|
||||||
<div class="absolute pin-t pin-r">
|
<div class="absolute top-0 right-0">
|
||||||
<button type="button" class="flex items-center text-xs text-blue-300 hover:underline focus:underline">
|
<button type="button" class="flex items-center text-xs text-blue-300 hover:underline focus:underline">
|
||||||
<svg class="h-3 w-3 fill-current mr-1" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
<svg class="h-3 w-3 fill-current mr-1" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
||||||
Copy <span class="visuallyhidden">Git URL to your clipboard</span>
|
Copy <span class="visuallyhidden">Git URL to your clipboard</span>
|
||||||
|
@ -97,7 +97,7 @@
|
||||||
<div class="mb-6 relative">
|
<div class="mb-6 relative">
|
||||||
<div class="text-xs mb-1">SSH URL</div>
|
<div class="text-xs mb-1">SSH URL</div>
|
||||||
<div class="border border-grey-dark rounded p-3 truncate">{{ sshUrl }}</div>
|
<div class="border border-grey-dark rounded p-3 truncate">{{ sshUrl }}</div>
|
||||||
<div class="absolute pin-t pin-r">
|
<div class="absolute top-0 right-0">
|
||||||
<button type="button" class="flex items-center text-xs text-blue-300 hover:underline focus:underline">
|
<button type="button" class="flex items-center text-xs text-blue-300 hover:underline focus:underline">
|
||||||
<svg class="h-3 w-3 fill-current mr-1" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
<svg class="h-3 w-3 fill-current mr-1" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
|
||||||
Copy <span class="visuallyhidden">SSH URL to your clipboard</span>
|
Copy <span class="visuallyhidden">SSH URL to your clipboard</span>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="fixed pin-t w-full z-30">
|
<div class="fixed top-0 w-full z-30">
|
||||||
<navbar></navbar>
|
<navbar></navbar>
|
||||||
|
|
||||||
<title-block>
|
<title-block>
|
||||||
|
|
Reference in a new issue