2 lines
1.5 KiB
CSS
2 lines
1.5 KiB
CSS
.user-profile[data-v-578b272a]{background:linear-gradient(to bottom,#5e7dec,#fff);padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center;height:100vh}.avatar-container[data-v-578b272a]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.avatar-container .avatar[data-v-578b272a]{width:100px;height:100px;border-radius:50%;object-fit:cover}.edit-text[data-v-578b272a]{color:#fff;margin-top:10px}.form-container[data-v-578b272a]{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px}.form-item[data-v-578b272a]{display:flex;align-items:center;margin-bottom:15px}.label[data-v-578b272a]{width:35px;text-align:right;margin-right:10px}.gender-item[data-v-578b272a]{align-items:flex-start}.gender-container[data-v-578b272a]{display:flex;flex-direction:row}.gender-container uni-label[data-v-578b272a]{margin-right:10px;display:flex;align-items:center}.input-field[data-v-578b272a]{flex:1;box-sizing:border-box;border:1px solid #ddd;height:45px;border-radius:15px}.save-button[data-v-578b272a]{background-color:transparent;color:#fff;padding:0 20px;border:2px solid #5e7dec;border-radius:20px;margin-top:20px;width:100%;max-width:300px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.save-button[data-v-578b272a]:hover{background-color:rgba(94,125,236,.1);box-shadow:0 6px 8px rgba(0,0,0,.2)}.save-button[data-v-578b272a]:active{transform:translateY(2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}
|