Changeset 19398ad for jobvista-frontend/src/App.css
- Timestamp:
- 05/16/24 23:09:21 (6 weeks ago)
- Branches:
- main
- Children:
- 28b3398
- Parents:
- d8b6c91
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
jobvista-frontend/src/App.css
rd8b6c91 r19398ad 5 5 background-color: rgb(243, 242, 241); 6 6 height: 100vh; 7 } 8 9 .card { 10 border: 1px solid black; 11 border-radius: 5px; 12 padding: 10px; 7 overflow-y: auto; 13 8 } 14 9 … … 35 30 } 36 31 32 .container { 33 width: 80% !important; 34 max-width: 1500px !important; 35 } 36 37 37 38 38 /*font-family: 'Ubuntu', sans-serif;*/ 39 39 /*font-family: 'Cairo', sans-serif;*/ 40 41 .react-responsive-modal-overlay { 42 backdrop-filter: blur(2px); 43 } 44 45 /*CARDS*/ 46 47 .col { 48 height: 280px !important; 49 } 50 51 .custom-card { 52 //border: 1px solid lightgray; 53 border-radius: 8px; 54 background-color: white; 55 transition: all 0.3s ease; 56 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 57 transform: translate(0, 0); 58 height: 260px; 59 } 60 61 .custom-card:hover { 62 transform: translate(0, 8px); 63 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 64 } 65 66 .custom-card .card-head { 67 padding: 25px; 68 padding-bottom: 0 !important; 69 } 70 71 .custom-card .card-head .job-type { 72 font-size: 12px !important; 73 margin-left: 6px !important; 74 position: relative; 75 bottom: 3px; 76 } 77 78 .custom-card .card-head .expired { 79 font-size: 12px !important; 80 margin-left: 8px !important; 81 position: relative; 82 bottom: 3px; 83 } 84 85 .custom-card .card-head .card-management-btns { 86 float: right; 87 scale: 130%; 88 display: flex; 89 gap: 5px; 90 transition: 0.2s; 91 } 92 .custom-card .card-head .card-management-btns i:hover { 93 opacity: 0.5; 94 cursor: pointer; 95 } 96 97 .custom-card .card-body { 98 padding: 25px; 99 padding-top: 15px !important; 100 height: 100%; 101 } 102 .custom-card .card-body span{ 103 font-size: 15px; 104 } 105 106 .custom-card .card-body .card-title { 107 margin-top: 10px; 108 } 109 110 111 .custom-card .card-body .card-title h5 { 112 display: inline; 113 } 114 115 116 .custom-card .card-body .hourly-salary { 117 margin-bottom: 30px; 118 display: inline; 119 } 120 121 .custom-card .card-body .card-info { 122 color: gray; 123 margin: 13px 0; 124 } 125 126 .custom-card .card-body .aligned { 127 display: flex; 128 justify-content: center; 129 gap: 8px; 130 text-align: center; 131 margin-top: 25px; 132 position: relative; 133 134 } 135 136 .custom-card .card-body .aligned a { 137 text-decoration: none; 138 } 139 140 141 .card-button { 142 border: 0; 143 border-radius: 8px; 144 width: 45%; 145 background-color: rgba(207, 235, 255, 1); 146 //background-size: 200% auto; 147 //background-image: linear-gradient(to right, #a1c4fd 0%, aliceblue 61%, #a1c4fd 100%); 148 color: black; 149 font-weight: bold; 150 padding: 5px 10px; 151 transition: 0.2s; 152 } 153 154 .card-button:only-child { 155 width: 70%; 156 } 157 .card-button:not(.disabled):hover{ 158 background-color: rgb(187, 215, 235); 159 //background-position: right center; 160 color: black; 161 } 162 163 .disabled { 164 cursor: default !important; 165 opacity: 0.6; 166 } 167 168 169
Note:
See TracChangeset
for help on using the changeset viewer.