2 lines
3.1 KiB
CSS
2 lines
3.1 KiB
CSS
.container[data-v-dbb991d2]{width:100%;height:calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));background:linear-gradient(180deg,#4778ec,#002979);display:flex;flex-direction:column;align-items:center}.header[data-v-dbb991d2]{display:flex;align-items:center;padding:.9375rem 1.875rem;width:calc(100% - 3.75rem);border-radius:0 0 .625rem .625rem}.header .avatar[data-v-dbb991d2]{width:3.125rem;height:3.125rem;background-color:#ccc;border-radius:50%;margin-right:.625rem}.header .info[data-v-dbb991d2]{display:flex;flex-direction:column}.header .info .name-row[data-v-dbb991d2]{display:flex;align-items:center;position:relative}.header .info .name-row .name[data-v-dbb991d2]{font-size:1.125rem;font-weight:700;color:#fff}.header .info .name-row .edit-icon[data-v-dbb991d2]{width:1.25rem;height:1.25rem;border-radius:50%;position:absolute;right:-1.875rem;top:.1875rem}.header .info .name-row .edit-icon .img[data-v-dbb991d2]{width:100%;height:100%}.header .info .details[data-v-dbb991d2]{font-size:.75rem;color:#dbeafe}.resume-info[data-v-dbb991d2]{padding:0 .8125rem;width:calc(100% - 1.625rem);margin-top:.625rem}.info-card[data-v-dbb991d2]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;padding:.3125rem .75rem;border-radius:.375rem;margin-bottom:.3125rem;background:#4778ec;box-shadow:0 .21875rem .21875rem rgba(0,0,0,.25);border-radius:.53125rem;position:relative}.info-card .card-content[data-v-dbb991d2]{width:100%;display:flex;line-height:1.8125rem;margin-top:.5rem;position:relative}.info-card .label[data-v-dbb991d2]{width:5rem;height:1rem;font-size:.875rem;color:#fff;text-align:justify;margin-right:.625rem}.info-card .long[data-v-dbb991d2]{width:5.625rem;margin-right:0}.info-card .label[data-v-dbb991d2]:after{content:"";display:inline-block;width:100%}.info-card .value[data-v-dbb991d2]{font-size:.875rem;color:#fff}.info-card .card-content[data-v-dbb991d2]:first-child{margin-top:0}.info-card .edit-icon[data-v-dbb991d2]{position:absolute;right:.3125rem;top:.3125rem;width:1.25rem;height:1.25rem}.info-card .edit-icon .img[data-v-dbb991d2]{width:100%;height:100%}.upload-btn[data-v-dbb991d2]{margin-top:.625rem}.upload-btn .btn[data-v-dbb991d2]{display:flex;align-items:center;box-shadow:0 .21875rem .21875rem rgba(0,0,0,.25);height:2.5rem;background-color:#22c55e;color:#fff;font-size:.875rem;font-weight:700;border-radius:.625rem}.popContent[data-v-dbb991d2]{padding:.75rem;background:#4778ec;height:calc(100% - 1.53125rem)}.popContent .sex-content[data-v-dbb991d2]{border-radius:.625rem;width:100%;margin-top:.625rem;margin-bottom:1.25rem;display:flex;overflow:hidden;height:calc(100% - 3.125rem);border:1px solid #4778ec}.popContent .s-header[data-v-dbb991d2]{display:flex;justify-content:space-between;text-align:center;font-size:16px}.popContent .s-header .heade-lf[data-v-dbb991d2]{line-height:30px;width:50px;height:30px;border-radius:4px;border:1px solid #666;color:#666;background:#fff}.popContent .s-header .heade-ri[data-v-dbb991d2]{line-height:30px;width:50px;height:30px;border-radius:4px;border:1px solid #1b66ff;background-color:#1b66ff;color:#fff}
|