[befb988] | 1 | .photo-box {
|
---|
| 2 | position: relative;
|
---|
| 3 | margin-bottom: 140px;
|
---|
| 4 | }
|
---|
| 5 |
|
---|
| 6 | .photo-box div img {
|
---|
| 7 | background-color: rgb(243, 242, 241);
|
---|
| 8 | }
|
---|
| 9 |
|
---|
| 10 | .company-banner {
|
---|
| 11 | width: 100%;
|
---|
| 12 | height: 300px;
|
---|
| 13 | object-fit: cover;
|
---|
| 14 | object-position: initial;
|
---|
| 15 | display: block;
|
---|
| 16 | border-radius: 10px;
|
---|
| 17 | }
|
---|
| 18 |
|
---|
| 19 | .company-logo {
|
---|
| 20 | position: absolute;
|
---|
| 21 | border-radius: 25px;
|
---|
| 22 | border: 5px solid rgb(243, 242, 241);
|
---|
| 23 | bottom: -110px;
|
---|
| 24 | left: 70px
|
---|
| 25 | }
|
---|
| 26 |
|
---|
| 27 | .info-tab {
|
---|
| 28 | margin: 20px 10px;
|
---|
| 29 | position: absolute;
|
---|
| 30 | left: 280px;
|
---|
| 31 | font-family: Poppins;
|
---|
| 32 | }
|
---|
| 33 |
|
---|
| 34 | .photo-box .edit-buttons {
|
---|
| 35 | display: flex;
|
---|
| 36 | gap: 10px;
|
---|
| 37 | position: absolute;
|
---|
| 38 | right: 20px;
|
---|
| 39 | bottom: -100px;
|
---|
| 40 | }
|
---|
| 41 |
|
---|
| 42 | .edit-buttons .exclamation {
|
---|
| 43 | display: inline;
|
---|
| 44 | position: relative;
|
---|
| 45 | }
|
---|
| 46 |
|
---|
| 47 | .fa-circle-exclamation {
|
---|
| 48 | color: #d80e0e;
|
---|
| 49 |
|
---|
| 50 | }
|
---|
| 51 |
|
---|
| 52 | .edit-buttons .modal-wrap .react-responsive-modal-modal .head-modal {
|
---|
| 53 | background-color: white !important;
|
---|
| 54 | color: black !important;
|
---|
| 55 | }
|
---|
| 56 |
|
---|
| 57 | .edit-buttons button {
|
---|
| 58 | background-color: white;
|
---|
| 59 | border: none;
|
---|
| 60 | border-radius: 5px;
|
---|
| 61 | padding: 7px 13px;
|
---|
| 62 | transition: 0.1s;
|
---|
| 63 | }
|
---|
| 64 |
|
---|
| 65 | .edit-buttons button:hover {
|
---|
| 66 | /*background-color: #F2F2F2;*/
|
---|
| 67 | background-color: lightgray;
|
---|
| 68 | }
|
---|
| 69 |
|
---|
| 70 | .my-workspace {
|
---|
| 71 | position: relative;
|
---|
| 72 | }
|
---|
| 73 |
|
---|
| 74 | .custom-text-area {
|
---|
| 75 | height: 14rem !important;
|
---|
| 76 | }
|
---|
| 77 |
|
---|
| 78 | .line-separator {
|
---|
| 79 | width: 95%;
|
---|
| 80 | border-top: 1px solid gray;
|
---|
| 81 | border-radius: 5px;
|
---|
| 82 | margin: auto;
|
---|
| 83 | margin-bottom: 30px;
|
---|
| 84 | }
|
---|
| 85 |
|
---|
| 86 |
|
---|
| 87 | .confirmation-bar {
|
---|
| 88 | position: fixed;
|
---|
| 89 | //top: 80px;
|
---|
| 90 | left: 0;
|
---|
| 91 | width: calc(100% - 17px);
|
---|
| 92 | background-color: rgba(0, 0, 0, 0.5); /* Adjust background color as needed */
|
---|
| 93 | //background-color: #7D7D7A; /* Adjust background color as needed */
|
---|
| 94 | padding: 10px;
|
---|
| 95 | z-index: 11;
|
---|
| 96 |
|
---|
| 97 | }
|
---|
| 98 | .confirmation-bar-buttons {
|
---|
| 99 | display: flex;
|
---|
| 100 | justify-content: right;
|
---|
| 101 | gap: 10px;
|
---|
| 102 | margin-right: 60px
|
---|
| 103 | }
|
---|
| 104 | .confirmation-bar .confirmation-bar-buttons button {
|
---|
| 105 | padding: 5px 20px;
|
---|
| 106 | border: none;
|
---|
| 107 | border-radius: 8px;
|
---|
| 108 | color: white;
|
---|
| 109 | transition: 0.1s;
|
---|
| 110 | }
|
---|
| 111 | .confirmation-bar .confirmation-bar-buttons .cancel-changes {
|
---|
| 112 | background-color: #8D8D8B;
|
---|
| 113 | }
|
---|
| 114 |
|
---|
| 115 | .confirmation-bar .confirmation-bar-buttons .cancel-changes:hover {
|
---|
| 116 | background-color: #9B9A99;
|
---|
| 117 | }
|
---|
| 118 |
|
---|
| 119 | .confirmation-bar .confirmation-bar-buttons .save-changes {
|
---|
| 120 | background-color: #0866FF;
|
---|
| 121 |
|
---|
| 122 | }
|
---|
| 123 | .confirmation-bar .confirmation-bar-buttons .save-changes:hover {
|
---|
| 124 | background-color: dodgerblue;
|
---|
| 125 | }
|
---|
| 126 |
|
---|