From 36fbd0d0994d8df5ee12b18450b2503aa39b7a42 Mon Sep 17 00:00:00 2001 From: Aulia Adila <13519100@std.stei.itb.ac.id> Date: Sun, 17 Apr 2022 17:55:31 +0700 Subject: [PATCH] main bug fixing --- src/App.vue | 1 + src/components/Modal.vue | 8 ++------ src/components/header.vue | 2 +- src/components/passinput.vue | 2 +- src/router/index.js | 12 ++++++------ src/views/DepartemenIndex.vue | 8 ++++++++ 6 files changed, 19 insertions(+), 14 deletions(-) diff --git a/src/App.vue b/src/App.vue index 94d4923..bc89e5b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -24,6 +24,7 @@ export default { html, body { height: 100%; + width: 100%; } .text-blue { diff --git a/src/components/Modal.vue b/src/components/Modal.vue index 68c6883..6d0a128 100644 --- a/src/components/Modal.vue +++ b/src/components/Modal.vue @@ -98,10 +98,6 @@ background: transparent; } - .btn-green { - color: white; - background: #6992b4; - border: 1px solid #6992b4; - border-radius: 2px; - } + + </style> \ No newline at end of file diff --git a/src/components/header.vue b/src/components/header.vue index 6f2ed12..95c353f 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -157,7 +157,7 @@ export default { .profile-modal{ width: 20em; height: 35em; - transform: translate(110%, -80%); + transform: translate(150%, -80%); } .btn-red { diff --git a/src/components/passinput.vue b/src/components/passinput.vue index 9ef4584..d4a6c48 100644 --- a/src/components/passinput.vue +++ b/src/components/passinput.vue @@ -1,7 +1,7 @@ <template> <div class="mb-3 me-3"> <label :for="id" class="text-blue pe-2">{{title}}</label> - <button type="button" @click="switchVisibility" style="border: none; background-color: white; color: #6992b4"> + <button type="button" @click="switchVisibility" style="border: none; background-color: transparent; color: #6992b4"> <i :class="icon" ></i> </button> <input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" :type="passwordFieldType" id="id" class="form-control" required> diff --git a/src/router/index.js b/src/router/index.js index 6406aa9..b7abd14 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,5 +1,5 @@ import { createRouter, createWebHistory } from "vue-router"; -import Home from "../views/Home.vue"; +//import Home from "../views/Home.vue"; import ProfilUser from "../views/ProfilUser.vue"; import ProfilAdmin from "../views/ProfilAdmin.vue"; import ChangePass from "../views/ChangePass.vue"; @@ -25,11 +25,11 @@ import ResponseDetail from "../views/ResponseDetail.vue"; import ResponseEmployee from "../views/ResponseEmployee.vue"; const routes = [ - { - path: "/", - name: "Home", - component: Login, - }, + // { + // path: "/", + // name: "Home", + // component: Login, + // }, { path: "/login", name: "Login", diff --git a/src/views/DepartemenIndex.vue b/src/views/DepartemenIndex.vue index 056e3a0..cf2c53a 100644 --- a/src/views/DepartemenIndex.vue +++ b/src/views/DepartemenIndex.vue @@ -94,6 +94,8 @@ import Table2 from "../components/table-2"; import Header from "../components/header"; import Sidebar from "../components/sidebar"; import Modal from "../components/modal"; +import { HTTP } from '../http-common' + export default { name: "DepartemenIndex", @@ -292,4 +294,10 @@ export default { padding: 1% 5% 1% 5%; } +/* blur background */ +.is-blurred { + filter: blur(2px); + -webkit-filter: blur(2px); + } + </style> -- GitLab