jilo-web/public_html/static/css/profile.css

72 lines
1.3 KiB
CSS

/* profile */
.scroll-box {
width: 100%;
height: 250px;
padding: 10px;
border: 0;
background-color: #f8f9fa;
white-space: pre-wrap;
overflow-y: scroll;
resize: none;
font-family: inherit;
font-size: 14px;
user-select: text;
cursor: default;
outline: none;
box-shadow: none;
}
/* avatars */
.avatar-container {
position: relative;
text-align: center;
}
.avatar-img {
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover; /* Ensures proper cropping of image */
border: 3px solid #ccc;
}
.avatar-wrapper {
position: relative;
display: inline-block;
}
.avatar-btn {
position: absolute;
bottom: 10px; /* Adjust this value as needed */
/* background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
color: white;
border: none;
border-radius: 4px;
padding: 10px;
}
.avatar-btn-container {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px; /* Space between buttons */
}
.avatar-btn-select,
.avatar-btn-remove {
/* background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
color: white;
border: none;
border-radius: 4px;
padding: 10px;
}
.avatar-btn-select {
width: 50px;
left: -55px;
}
.avatar-btn-remove {
width: 50px;
left: 5px;
}