Autoflow
/
autoflow-web-console
23
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style 화이트로 디자인 수정 변경

Browse Source
main
jschoi 7 months ago
parent 349c54ac19
commit 095288e44d
19 changed files with 36 additions and 56 deletions
Show Stats Download Patch File Download Diff File

2
src/components/templates/Datasets/ListComponent.vue
Unescape View File

@ -484,7 +484,7 @@ watch(
</v-sheet> </v-sheet>
<!-- 목록 --> <!-- 목록 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

6
src/components/templates/Datasets/ViewComponent.vue
Unescape View File

@ -192,11 +192,7 @@ watch(
</v-card-item> </v-card-item>
</v-card> </v-card>
<v-card <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
flat
class="bordered-box mb-6 w-100 rounded-lg pa-8"
color="grey-lighten-3"
>
<v-card-text class="px-6 pb-6 pt-4"> <v-card-text class="px-6 pb-6 pt-4">
<v-row align="center" class="py-2"> <v-row align="center" class="py-2">
<v-col cols="3" class="text-h6 font-weight-bold" <v-col cols="3" class="text-h6 font-weight-bold"

2
src/components/templates/datagroup/ListComponent.vue
Unescape View File

@ -462,7 +462,7 @@ onMounted(fetchList);
</v-sheet> </v-sheet>
<!-- Table --> <!-- Table -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

2
src/components/templates/deployment/ListComponent.vue
Unescape View File

@ -424,7 +424,7 @@ const getSelectedAllData = () => {
</v-sheet> </v-sheet>
</v-sheet> </v-sheet>
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

4
src/components/templates/home/ListComponent.vue
Unescape View File

@ -682,7 +682,6 @@ watch(showKubeflowDetails, async () => {
<v-card <v-card
class="pa-0" class="pa-0"
:elevation="0" :elevation="0"
color="grey-lighten-4"
style="min-height: 450px; max-height: 450px" style="min-height: 450px; max-height: 450px"
> >
<div <div
@ -769,7 +768,6 @@ watch(showKubeflowDetails, async () => {
<v-card <v-card
class="pa-0" class="pa-0"
:elevation="0" :elevation="0"
color="grey-lighten-4"
style="min-height: 450px; max-height: 450px" style="min-height: 450px; max-height: 450px"
> >
<div <div
@ -831,7 +829,6 @@ watch(showKubeflowDetails, async () => {
<v-card <v-card
class="pa-0" class="pa-0"
:elevation="0" :elevation="0"
color="grey-lighten-4"
style="min-height: 450px; max-height: 450px" style="min-height: 450px; max-height: 450px"
> >
<div style="padding: 16px"> <div style="padding: 16px">
@ -981,7 +978,6 @@ watch(showKubeflowDetails, async () => {
<v-card <v-card
class="pa-0" class="pa-0"
:elevation="0" :elevation="0"
color="grey-lighten-4"
style="min-height: 450px; max-height: 450px" style="min-height: 450px; max-height: 450px"
> >
<div style="padding: 16px"> <div style="padding: 16px">

2
src/components/templates/projects/ListComponent.vue
Unescape View File

@ -588,7 +588,7 @@ onMounted(async () => {
</v-sheet> </v-sheet>
<!-- 테이블 --> <!-- 테이블 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

2
src/components/templates/run/executions/CompareComponent.vue
Unescape View File

@ -261,7 +261,7 @@ onMounted(() => {
class="bg-shades-transparent d-flex flex-column justify-center w-100" class="bg-shades-transparent d-flex flex-column justify-center w-100"
> >
<!-- 1) Workflow Information --> <!-- 1) Workflow Information -->
<v-card flat class="bg-shades-transparent w-100" color="grey-lighten-3"> <v-card flat class="bg-shades-transparent w-100">
<v-card-item class="text-h5 font-weight-bold pt-0 pa-5 pl-0"> <v-card-item class="text-h5 font-weight-bold pt-0 pa-5 pl-0">
<div class="d-flex flex-row justify-start align-center"> <div class="d-flex flex-row justify-start align-center">
<div>Compare Executions</div> <div>Compare Executions</div>

2
src/components/templates/run/executions/ListComponent.vue
Unescape View File

@ -632,7 +632,7 @@ onMounted(() => {
</v-sheet> </v-sheet>
<!-- 목록 --> <!-- 목록 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

18
src/components/templates/run/executions/ViewComponent.vue
Unescape View File

@ -851,11 +851,7 @@ const artifactsLoading = ref(false);
<v-window v-model="mainTab"> <v-window v-model="mainTab">
<!-- ========= Details ========= --> <!-- ========= Details ========= -->
<v-window-item value="details"> <v-window-item value="details">
<v-card <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
flat
class="bordered-box mb-6 w-100 rounded-lg pa-8"
color="grey-lighten-3"
>
<v-card-title class="grey lighten-4 py-2 px-4"> <v-card-title class="grey lighten-4 py-2 px-4">
<span class="font-weight-bold">Execution Information</span> <span class="font-weight-bold">Execution Information</span>
</v-card-title> </v-card-title>
@ -971,7 +967,7 @@ const artifactsLoading = ref(false);
<!-- ========= Visualizations ========= --> <!-- ========= Visualizations ========= -->
<v-window-item value="viz"> <v-window-item value="viz">
<v-card class="rounded-lg pa-8 w-100" color="grey-lighten-3"> <v-card class="rounded-lg pa-8 w-100">
<v-window v-model="vizTab"> <v-window v-model="vizTab">
<v-window-item value="metrics"> <v-window-item value="metrics">
<v-card-text> <v-card-text>
@ -1035,7 +1031,7 @@ const artifactsLoading = ref(false);
<!-- Selected Run --> <!-- Selected Run -->
<!-- Selected Run --> <!-- Selected Run -->
<v-card flat class="mb-6" color="grey-lighten-3"> <v-card flat class="mb-6">
<v-card-title <v-card-title
class="py-2 px-0 text-button text-medium-emphasis" class="py-2 px-0 text-button text-medium-emphasis"
> >
@ -1162,7 +1158,7 @@ const artifactsLoading = ref(false);
</v-card> </v-card>
<!-- Model Metrics table --> <!-- Model Metrics table -->
<v-card flat class="mb-6" color="grey-lighten-3"> <v-card flat class="mb-6">
<v-card-title <v-card-title
class="py-2 px-0 text-button text-medium-emphasis" class="py-2 px-0 text-button text-medium-emphasis"
>Model Metrics (selected run)</v-card-title >Model Metrics (selected run)</v-card-title
@ -1192,7 +1188,7 @@ const artifactsLoading = ref(false);
</v-card> </v-card>
<!-- Bar chart --> <!-- Bar chart -->
<v-card flat class="mb-6" color="grey-lighten-3"> <v-card flat class="mb-6">
<v-card-title <v-card-title
class="py-2 px-0 text-button text-medium-emphasis" class="py-2 px-0 text-button text-medium-emphasis"
>Metrics (bar chart)</v-card-title >Metrics (bar chart)</v-card-title
@ -1230,7 +1226,7 @@ const artifactsLoading = ref(false);
<!-- ========= Artifacts (Two-step, Flat) ========= --> <!-- ========= Artifacts (Two-step, Flat) ========= -->
<v-window-item value="artifacts"> <v-window-item value="artifacts">
<v-card class="rounded-lg pa-8 w-100" color="grey-lighten-3"> <v-card class="rounded-lg pa-8 w-100">
<v-card-text> <v-card-text>
<v-row class="mb-4" align="center"> <v-row class="mb-4" align="center">
<v-col <v-col
@ -1324,7 +1320,7 @@ const artifactsLoading = ref(false);
</v-alert> </v-alert>
<!-- 바깥 카드도 flat, 타이틀 톤 통일 --> <!-- 바깥 카드도 flat, 타이틀 톤 통일 -->
<v-card flat color="grey-lighten-3" class="mb-2"> <v-card flat class="mb-2">
<v-card-title <v-card-title
class="py-2 px-0 text-button text-medium-emphasis" class="py-2 px-0 text-button text-medium-emphasis"
> >

2
src/components/templates/run/experiment/ListComponent.vue
Unescape View File

@ -390,7 +390,7 @@ onMounted(() => {
</v-sheet> </v-sheet>
<!-- 목록 --> <!-- 목록 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

3
src/components/templates/run/experiment/ViewComponent.vue
Unescape View File

@ -194,7 +194,6 @@ watch(
<v-card <v-card
flat flat
class="bordered-box mb-6 w-100 rounded-lg pa-8 position-relative" class="bordered-box mb-6 w-100 rounded-lg pa-8 position-relative"
color="grey-lighten-3"
> >
<v-card-title class="grey lighten-4 py-2 px-4"> <v-card-title class="grey lighten-4 py-2 px-4">
<span class="font-weight-bold">Experiment Information</span> <span class="font-weight-bold">Experiment Information</span>
@ -248,7 +247,7 @@ watch(
</v-card> </v-card>
<!-- Runs --> <!-- Runs -->
<v-card class="rounded-lg pa-8 w-100" color="grey-lighten-3"> <v-card class="rounded-lg pa-8 w-100">
<v-card-title class="grey lighten-4 py-2 px-4"> <v-card-title class="grey lighten-4 py-2 px-4">
<span class="font-weight-bold">Runs</span> <span class="font-weight-bold">Runs</span>
</v-card-title> </v-card-title>

2
src/components/templates/stepconfig/ListComponent.vue
Unescape View File

@ -407,7 +407,7 @@ onMounted(() => {
</v-sheet> </v-sheet>
<!-- 테이블 --> <!-- 테이블 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

2
src/components/templates/trainingscript/ListComponent.vue
Unescape View File

@ -463,7 +463,7 @@ watch(
</v-sheet> </v-sheet>
<!-- 목록 --> <!-- 목록 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

12
src/components/templates/trainingscript/ViewComponent.vue
Unescape View File

@ -115,11 +115,7 @@ onBeforeUnmount(() => {
</v-card-item> </v-card-item>
</v-card> </v-card>
<v-card <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
flat
class="bordered-box mb-6 w-100 rounded-lg pa-8"
color="grey-lighten-3"
>
<v-card-title class="grey lighten-4 py-2 px-4"> <v-card-title class="grey lighten-4 py-2 px-4">
<span class="font-weight-bold">Training Script Information</span> <span class="font-weight-bold">Training Script Information</span>
</v-card-title> </v-card-title>
@ -164,11 +160,7 @@ onBeforeUnmount(() => {
</v-card> </v-card>
<!-- 미리보기 --> <!-- 미리보기 -->
<v-card <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
flat
class="bordered-box mb-6 w-100 rounded-lg pa-8"
color="grey-lighten-3"
>
<v-card-title class="grey lighten-4 py-2 px-4"> <v-card-title class="grey lighten-4 py-2 px-4">
<span class="font-weight-bold">Training Script Preview</span> <span class="font-weight-bold">Training Script Preview</span>
</v-card-title> </v-card-title>

2
src/components/templates/trainingscriptgroup/ListComponent.vue
Unescape View File

@ -462,7 +462,7 @@ onMounted(fetchList);
</v-sheet> </v-sheet>
<!-- Table --> <!-- Table -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

2
src/components/templates/users/ListComponent.vue
Unescape View File

@ -484,7 +484,7 @@ onMounted(async () => {
</v-sheet> </v-sheet>
<!-- 테이블 --> <!-- 테이블 -->
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

2
src/components/templates/workflow/ListComponent.vue
Unescape View File

@ -432,7 +432,7 @@ onMounted(() => {
</v-sheet> </v-sheet>
</v-sheet> </v-sheet>
<v-card class="rounded-lg pa-8" color="grey-lighten-4"> <v-card class="rounded-lg pa-8">
<v-col cols="12"> <v-col cols="12">
<v-sheet> <v-sheet>
<v-table <v-table

5
src/components/templates/workflow/ViewComponent.vue
Unescape View File

@ -222,10 +222,7 @@ const steps = ref<
<!-- Details 탭 --> <!-- Details 탭 -->
<template v-if="activeTab === 'details'"> <template v-if="activeTab === 'details'">
<v-card <v-card class="bordered-box mb-6 w-100 rounded-lg pa-8 step-card">
class="bordered-box mb-6 w-100 rounded-lg pa-8 step-card"
color="grey-lighten-3"
>
<v-card-title class="grey lighten-4 py-2 px-4"> <v-card-title class="grey lighten-4 py-2 px-4">
<span class="font-weight-bold">Workflow Information</span> <span class="font-weight-bold">Workflow Information</span>
</v-card-title> </v-card-title>

20
src/plugins/vuetify.js
Unescape View File

@ -1,19 +1,23 @@
// plugins/vuetify.ts
import "@mdi/font/css/materialdesignicons.css"; import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles"; import "vuetify/styles";
import { createVuetify } from "vuetify"; import { createVuetify } from "vuetify";
export default createVuetify({ export default createVuetify({
theme: { theme: {
defaultTheme: "light", defaultTheme: "tealOrangeLight",
themes: { themes: {
light: { tealOrangeLight: {
dark: false,
colors: { colors: {
background: "#ffffff", primary: "#3B82F6",
surface: "#ffffff", secondary: "#22C55E",
card: "#f7f8fa", success: "#22C55E",
border: "#e7e9ee", info: "#3B82F6",
text: "#2b2f33", warning: "#F59E0B",
muted: "#6b7280", error: "#F43F5E",
surface: "#FAFAFA",
background: "#F3F4F6",
}, },
}, },
}, },

Write Preview
Loading…
Cancel
Save