diff options
Diffstat (limited to 'Static/Css/userInfo.css')
| -rw-r--r-- | Static/Css/userInfo.css | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/Static/Css/userInfo.css b/Static/Css/userInfo.css new file mode 100644 index 0000000..ceda91a --- /dev/null +++ b/Static/Css/userInfo.css @@ -0,0 +1,86 @@ + +.jobsListElem { + background-color: rgb(243, 201, 201); + border-radius: 10px; + transition: all 0.1s ease-in-out; +} + +.jobsListElem:hover { + cursor: pointer; + background-color: #f5a4a4; +} + +.jobsListElem i{ + background-color: transparent !important; + color: #991e1e !important; + width: auto !important; + height: auto !important; + line-height: normal !important; + font-size: var(--fontSizeSmall) !important; + border-radius: 0px !important; + margin-left: 0.5em; +} + +#mainUserInfo form { + display: flex; + flex-direction: column; + justify-content: space-around; + gap: 1em; + padding: 1.5% 5%; + align-items: center; +} + +#mainUserInfo label { + width: 70%; +} + +#mainUserInfo input[type="text"] { + width: inherit; +} + +#mainUserInfo button { + padding: 0.13em 0.2em; +} + +#userJob { + justify-content: center; + width: 70%; +} + +#userJob div { + width: inherit; + font-size: calc(36px / 2.5); + height: 2.5em; + line-height: 2.5em; + display: flex; + justify-content: space-around; + align-items: center; + border: var(--inputBorder); + border-radius: 0px 4px 4px 0px; +} + +#jobsList { + align-items: center; +} + +#jobsListGrid { + display: grid; + min-height: 2em; + line-height: 2em; + padding: 1px 2px; + grid-template-columns: repeat(3, 1fr); + border: var(--inputBorder); + border-radius: 0px 4px 4px 0px; + width: inherit; + gap: 0.5em; +} + +@media screen and (max-width: 768px) { + #jobsListGrid { + grid-template-columns: 1fr; + } + + #userJob div span{ + display: none; + } +}
\ No newline at end of file |