Changeset 6221ab6 for reactapp/src/Components/Styled

Timestamp:

08/20/22 21:12:04 (2 years ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

2fcbde4

Parents:

702ca77

Message:

finished add post func. in react, fixed user dashboard details not loading upon login redirect

Location:

reactapp/src/Components/Styled

Files:

• Modal.style.js (modified) (6 diffs)
• OpinionCard.style.js (modified) (1 diff)

reactapp/src/Components/Styled/Modal.style.js

@@ -27 +27 @@
   top: 0;
   width: 100%;
-  height: 100%;
+  height: auto;
   overflow: auto;
   background-color: rgb(0, 0, 0);
@@ -47 +47 @@
   background-color: #fefefe;
   margin: 15% auto;
-  padding: 0;
+  padding: 20px;
   border: 1px solid #888;
   width: 80%;
@@ -72 +72 @@
   color: white;
   height: 40px;
-  margin-bottom: 10px;
+  margin-bottom: 30px;
 `;
 
-export const ModalFooter = styled.div`
+export const ModalFooter = styled.button`
   padding: 2px 16px;
   background-color: rgba(0, 102, 204, 1);
@@ -81 +81 @@
   color: white;
   height: 40px;
-  margin-top: 10px;
+  margin-top: 30px;
   transition: 0.4s;
   &:hover {
@@ -87 +87 @@
     cursor: pointer;
   }
+  font-family: "Roboto Mono", monospace;
+  width: 100%;
+  border: 0;
+  font-size: 18px;
+  font-weight: bold;
 `;
 
@@ -109 +114 @@
   padding: 12px 16px;
   border: 1px solid #ccc;
+  resize: none;
 `;

reactapp/src/Components/Styled/OpinionCard.style.js

@@ -61 +61 @@
   &:hover {
     color: ${(props) => props.color};
+    cursor: pointer;
   }
 `;