2 lines
2.3 KiB
CSS
2 lines
2.3 KiB
CSS
|
.address-book-page[data-v-07ddfd0f]{display:flex;flex-direction:column;height:100vh;background-color:#f8f8f8}.class-selector[data-v-07ddfd0f]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 3px rgba(0,0,0,.04)}.class-selector .picker-item[data-v-07ddfd0f]{display:flex;align-items:center;padding:5px 15px;background-color:#f7f7f7;border:1px solid #eee;border-radius:16px;font-size:14px;color:#333;min-width:160px;justify-content:space-between}.class-selector .picker-item uni-text[data-v-07ddfd0f]{margin-right:8px}.class-selector .student-count[data-v-07ddfd0f]{font-size:14px;color:#666;white-space:nowrap}.student-list-container[data-v-07ddfd0f]{flex:1;overflow-y:auto;padding:15px;box-sizing:border-box}.loading-indicator[data-v-07ddfd0f],.empty-state[data-v-07ddfd0f]{text-align:center;color:#999;padding:30px 15px;font-size:14px}.student-item[data-v-07ddfd0f]{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:15px;margin-bottom:1px;cursor:pointer}.student-item[data-v-07ddfd0f]:last-child{margin-bottom:0}.student-info[data-v-07ddfd0f]{display:flex;align-items:center;flex:1;margin-right:15px}.student-info .avatar[data-v-07ddfd0f]{width:45px;height:45px;border-radius:50%;margin-right:12px;background-color:#eee}.student-info .details[data-v-07ddfd0f]{display:flex;flex-direction:column}.student-info .name-role[data-v-07ddfd0f]{display:flex;align-items:center;margin-bottom:4px}.student-info .name-role .name[data-v-07ddfd0f]{font-size:16px;color:#333;font-weight:500;margin-right:8px}.student-info .name-role .role-tag[data-v-07ddfd0f]{font-size:10px;color:#007aff;background-color:#e6f2ff;padding:1px 5px;border-radius:4px;line-height:1.2}.student-info .gender[data-v-07ddfd0f]{display:flex;align-items:center;font-size:12px;color:#666}.student-info .gender uni-icons[data-v-07ddfd0f]{margin-right:3px}.student-info .gender uni-text[data-v-07ddfd0f]{line-height:1}.contact-button[data-v-07ddfd0f]{font-size:13px;padding:4px 10px;height:auto;line-height:normal;background-color:#fff;color:#007aff;border:1px solid #007aff;border-radius:15px;white-space:nowrap}.contact-button[data-v-07ddfd0f]:after{border:none}.contact-button[data-v-07ddfd0f]:active{background-color:#f0f0f0}
|