Corpo da Tela Detalhe, pequena alteração no botão da tela de reunião …

…e Quadro Kanban da tela Calendário
FGA0138-MDS-Ajax · Jun 8, 2024 · 17d1c57 · 17d1c57
1 parent f9f992b
commit 17d1c57
Show file tree

Hide file tree

Showing 14 changed files with 333 additions and 140 deletions.
diff --git a/view/package-lock.json b/view/package-lock.json
diff --git a/view/package.json b/view/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "axios": "^1.7.2",
     "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.23.1"
   },

diff --git a/view/src/components/Kanban/Kanban.css b/view/src/components/Kanban/Kanban.css
@@ -1,24 +1,12 @@
 .kanban {
     text-align: center;
-    margin-top: 50px;
-}
-
-.inicio {
-    display: flex;
-    margin: 0;
-    padding: 0;
-    outline: none;
-    box-sizing: border-box;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-    background-color: blueviolet;
-    padding: 30px;
+    margin-left: 120px;
+
 }
 
 .bntTarefa {
     border: none;
-    background-color: brown;
+    background-color: #414191;
     color: white;
     font-size: 16px;
     padding: 9px 22px;
@@ -32,14 +20,14 @@
     gap: 30px;
     justify-content: center;
     align-items: flex-start;
-    padding: 50px 0;
+    padding: 20px 0;
 
 }
 
 .colunas {
-    width: 250px;
-    min-height: 300px;
-    background-color: blue;
+    width: 300px;
+    min-height: 500px;
+    background-color: #d2d3e4fa;
     border-radius: 10px;
     overflow: hidden;
     padding: 10px;
@@ -48,7 +36,7 @@
 }
 
 .tituloColuna {
-    background-color: blueviolet;
+    background-color: #414191;
     color: white;
     padding: 15px;
     text-align: center;
@@ -57,7 +45,7 @@
 }
 
 .tarefaItem {
-    background-color: #e91919;
+    background-color: #3A8EBB;
     padding: 10px;
     margin-bottom: 10px;
     border-radius: 5px;
@@ -70,6 +58,7 @@
 
 .tarefaItem p {
     margin: 5px 0;
+    color: black;
 }
 
 .close {
@@ -93,8 +82,16 @@
 }
 
 .tarefaItem img {
-    width: 30px;
-    height: 30px;
+    width: 20px;
+    height: 20px;
     object-fit: contain;
     cursor: pointer;
+    display: flex;
+    margin-left: 240px;
 }
+
+.separador {
+  height: 1px;
+  background-color: black; /* Ou qualquer cor desejada */
+  margin: 10px 0; /* Adapte conforme necessário */
+  }