Skip to content

Commit

Permalink
fix: fix no execution layout
Browse files Browse the repository at this point in the history
  • Loading branch information
elevatebart committed Jan 8, 2025
1 parent c5e23d4 commit 155f9b9
Show file tree
Hide file tree
Showing 5 changed files with 26 additions and 9 deletions.
Binary file modified ui/src/assets/onboarding/noexecution.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ui/src/assets/onboarding/noexecutionDark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 0 additions & 3 deletions ui/src/components/flows/Flows.vue
Original file line number Diff line number Diff line change
Expand Up @@ -192,8 +192,6 @@
</el-table-column>
</template>
</select-table>

<NoData v-else />
</template>
</data-table>
</div>
Expand All @@ -209,7 +207,6 @@
import TrashCan from "vue-material-design-icons/TrashCan.vue";
import FileDocumentRemoveOutline from "vue-material-design-icons/FileDocumentRemoveOutline.vue";
import FileDocumentCheckOutline from "vue-material-design-icons/FileDocumentCheckOutline.vue";
import NoData from "../layout/NoData.vue";
import KestraFilter from "../filter/KestraFilter.vue"
</script>
Expand Down
28 changes: 22 additions & 6 deletions ui/src/components/flows/NoExecutions.vue
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,9 @@
<div class="section-1-main">
<div class="section-content">
<img :src="logo" alt="Kestra" class="img-fluid" width="150px">
<img :src="logoDark" alt="Kestra" class="img-fluid img-fluid-dark" width="150px">
<h5 class="section-1-title mt-4">
{{ $t("no-executions-view.title") }} <span style="color: #bbbbff">Kestra</span>
{{ $t("no-executions-view.title") }} <span style="color: var(--ks-content-link)">Kestra</span>
</h5>
<p class="section-1-desc">
{{ $t("no-executions-view.sub_title") }}
Expand Down Expand Up @@ -42,6 +43,7 @@
import OverviewBottom from "../onboarding/execution/OverviewBottom.vue";
import TriggerFlow from "../flows/TriggerFlow.vue";
import noexecutionimg from "../../assets/onboarding/noexecution.png";
import noexecutionimgDark from "../../assets/onboarding/noexecutionDark.png";
import RouteContext from "../../mixins/routeContext";
import RestoreUrl from "../../mixins/restoreUrl";
import permission from "../../models/permission";
Expand All @@ -67,6 +69,9 @@
logo() {
return noexecutionimg;
},
logoDark() {
return noexecutionimgDark;
},
canExecute() {
return this.flow ? this.user.isAllowed(permission.EXECUTION, action.CREATE, this.flow.namespace) : false;
},
Expand All @@ -77,16 +82,17 @@
<style scoped lang="scss">
.main {
padding: 3rem 1rem 1rem;
background: var(--ks-background-body);
background: radial-gradient(ellipse at top, rgba(102, 51, 255, 0.6) 0%, rgba(253, 253, 253, 0) 20%);
background-size: 4000px;
background-position: center;
background: radial-gradient(ellipse at top, rgba(102, 51, 255, 0.1) 0, rgba(102, 51, 255, 0) 20%);
background-color: var(--ks-background-body);
background-size: 5000px 300px;
background-position: top center;
background-repeat: no-repeat;
height: 100vh;
width: auto;
display: flex;
flex-direction: column;
container-type: inline-size;
@media (min-width: 768px) {
padding: 3rem 2rem 1rem;
}
Expand All @@ -103,6 +109,16 @@
.img-fluid {
max-width: 100%;
height: auto;
html.dark & {
display: none
}
}
.img-fluid-dark {
display: none;
html.dark & {
display: inline-block;
}
}
:deep(.el-button) {
Expand Down
4 changes: 4 additions & 0 deletions ui/src/styles/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -193,3 +193,7 @@ html.full-screen {
#{--font-size-base}: global-var.$font-size-base;
#{--font-size-lg}: global-var.$font-size-lg;
}

body{
background-color: var(--ks-background-body);
}

0 comments on commit 155f9b9

Please sign in to comment.