[Feat][UI] Add the header component in the dashboard layout. (#2218)

seatunnel-ui/package.json

@@ -22,6 +22,9 @@
     "vfonts": "^0.0.3",
     "vue": "^3.2.37",
     "vue-i18n": "^9.1.10",
+    "tailwindcss": "^3.1.6",
+    "postcss": "^8.4.14",
+    "autoprefixer": "^10.4.7",
     "vue-router": "^4.0.16"
   },
   "devDependencies": {

seatunnel-ui/src/assets/styles/default.scss → seatunnel-ui/postcss.config.js

@@ -15,22 +15,9 @@
  * limitations under the License.
  */
 
-* {
-  outline: 0;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-}
-
-html,
-body,
-p,
-dl,
-dd,
-dt {
-  margin: 0;
-  padding: 0;
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
 }

seatunnel-ui/src/index.css

@@ -0,0 +1,23 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@tailwind screens;
+@tailwind fonts;
+@tailwind colors;