github-starred/komodo
2
0
Fork 1
mirror of https://github.com/moghtech/komodo.git synced 2026-07-24 05:45:58 -05:00
Code Issues 12.0k Packages Projects Releases 104 Wiki Activity

config justify

Browse Source
This commit is contained in:
mbecker20
2022-04-02 23:36:05 -07:00
parent 2ee204d4c8
commit e5fc4117ec
5 changed files with 36 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/deployment/tabs/Tabs.tsx
+1
View File
@@ -57,6 +57,7 @@ const DeploymentTabs: Component<{}> = (p) => {
<ConfigProvider deployment={deployment()!}>
<Tabs
containerClass="card tabs shadow"
containerStyle={{ gap: "0.5rem" }}
tabs={[
{
title: "config",
frontend/src/components/deployment/tabs/config/Env.tsx
+14 -10
View File
@@ -20,20 +20,24 @@ const Env: Component<{}> = (p) => {
};
return (
<Grid class="config-item shadow">
<Flex alignItems="center">
<Flex alignItems="center" justifyContent="space-between">
<h1>environment</h1>
<Show
when={!deployment.environment || deployment.environment.length === 0}
>
<div>none</div>
</Show>
<button class="green" onClick={onAdd}>
<Icon type="plus" />
</button>
<Flex alignItems="center">
<Show
when={
!deployment.environment || deployment.environment.length === 0
}
>
<div>none</div>
</Show>
<button class="green" onClick={onAdd}>
<Icon type="plus" />
</button>
</Flex>
</Flex>
<For each={deployment.environment}>
{(_, index) => (
<Flex justifyContent="center">
<Flex justifyContent="space-between" alignItems="center">
<Input
placeholder="variable"
value={deployment.environment![index()].variable}
frontend/src/components/deployment/tabs/config/Ports.tsx
+10 -8
View File
@@ -18,18 +18,20 @@ const Ports: Component<{}> = (p) => {
};
return (
<Grid class="config-item shadow">
<Flex alignItems="center">
<Flex alignItems="center" justifyContent="space-between">
<h1>ports</h1>
<Show when={!deployment.ports || deployment.ports.length === 0}>
<div>none</div>
</Show>
<button class="green" onClick={onAdd}>
<Icon type="plus" />
</button>
<Flex alignItems="center">
<Show when={!deployment.ports || deployment.ports.length === 0}>
<div>none</div>
</Show>
<button class="green" onClick={onAdd}>
<Icon type="plus" />
</button>
</Flex>
</Flex>
<For each={deployment.ports}>
{({ local, container }, index) => (
<Flex justifyContent="center">
<Flex justifyContent="space-between" alignItems="center">
<Input
placeholder="system"
value={local}
frontend/src/components/deployment/tabs/config/Volumes.tsx
+10 -8
View File
@@ -18,18 +18,20 @@ const Volumes: Component<{}> = (p) => {
};
return (
<Grid class="config-item shadow">
<Flex alignItems="center">
<Flex justifyContent="space-between" alignItems="center">
<h1>volumes</h1>
<Show when={!deployment.volumes || deployment.volumes.length === 0}>
<div>none</div>
</Show>
<button class="green" onClick={onAdd}>
<Icon type="plus" />
</button>
<Flex alignItems="center">
<Show when={!deployment.volumes || deployment.volumes.length === 0}>
<div>none</div>
</Show>
<button class="green" onClick={onAdd}>
<Icon type="plus" />
</button>
</Flex>
</Flex>
<For each={deployment.volumes}>
{({ local, container }, index) => (
<Flex justifyContent="center">
<Flex justifyContent="space-between" alignItems="center">
<Input
placeholder="system"
value={local}
frontend/src/index.css
+1
View File
@@ -170,6 +170,7 @@ h1 {
.scroller::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: transparent;
}