coolify/src/components/Application/Configuration/ActiveTab/BuildStep.svelte

<script>
  import { application } from "@store";
</script>

<div class="grid grid-cols-1 max-w-2xl md:mx-auto mx-6 text-center">
  <label for="buildCommand">Build Command</label>
  <input
    class="mb-6"
    id="buildCommand"
    bind:value="{$application.build.command.build}"
    placeholder="eg: yarn build"
  />

  <label for="installCommand">Install Command</label>
  <input
    class="mb-6"
    id="installCommand"
    bind:value="{$application.build.command.installation}"
    placeholder="eg: yarn install"
  />

  <label for="baseDir">Base Directory</label>
  <input
    id="baseDir"
    class="mb-6"
    bind:value="{$application.build.directory}"
    placeholder="/"
  />
</div>