UI: Synchronize with the latest kubeflow/kubeflow

Signed-off-by: Yuki Iwai <[email protected]>

cmd/ui/v1beta1/Dockerfile

@@ -11,7 +11,7 @@ RUN git clone https://github.com/kubeflow/kubeflow.git && \
     git checkout $COMMIT
 
 # --- Build the frontend kubeflow library ---
-FROM node:12 AS frontend-kubeflow-lib
+FROM node:14 AS frontend-kubeflow-lib
 
 WORKDIR /src
 
@@ -23,7 +23,7 @@ COPY --from=fetch-kubeflow-kubeflow $LIB/ ./
 RUN npm run build
 
 # --- Build the frontend ---
-FROM node:12 AS frontend
+FROM node:14 AS frontend
 
 WORKDIR /src
 COPY ./pkg/ui/v1beta1/frontend/package*.json ./
@@ -54,7 +54,7 @@ COPY pkg/ pkg/
 RUN CGO_ENABLED=0 GOOS=linux GOARCH=${TARGETARCH} go build -a -o katib-ui  ./cmd/ui/v1beta1
 
 # --- Compose the web app ---
-FROM alpine:3.15
+FROM alpine:3.17
 WORKDIR /app
 COPY --from=go-build /go/src/github.com/kubeflow/katib/katib-ui /app/
 COPY --from=frontend /src/dist/static /app/build/static/

pkg/ui/v1beta1/frontend/COMMIT

@@ -1 +1 @@
-046c6d3c8
+bd7f250df

pkg/ui/v1beta1/frontend/src/styles.scss

@@ -1,5 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
-@import '~kubeflow/styles.scss';
+@import '~kubeflow/styles/styles.scss';
 
 body {
   background-color: white;