103 lines
1.8 KiB
CSS
103 lines
1.8 KiB
CSS
/* Custom styles for the Maxy Social Platform */
|
|
|
|
/* Fix for overlapping text issue */
|
|
.title.is-5.mb-2 {
|
|
margin-bottom: 0.25rem !important;
|
|
}
|
|
|
|
.subtitle.is-6.has-text-grey {
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
/* Specific fix for profile card overlap */
|
|
.card-content .has-text-centered .title.is-5 {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.card-content .has-text-centered .subtitle.is-6 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* Custom button styles */
|
|
.maxy-primary {
|
|
background-color: #3273dc;
|
|
color: white;
|
|
}
|
|
|
|
.maxy-primary:hover {
|
|
background-color: #2761bb;
|
|
}
|
|
|
|
.maxy-primary-outlined {
|
|
border: 1px solid #3273dc;
|
|
color: #3273dc;
|
|
}
|
|
|
|
.maxy-primary-outlined:hover {
|
|
background-color: #3273dc;
|
|
color: white;
|
|
}
|
|
|
|
/* Avatar styles - Fixed distortion */
|
|
.post-avatar {
|
|
width: 50px;
|
|
height: 50px;
|
|
min-width: 50px;
|
|
min-height: 50px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
line-height: 1;
|
|
object-fit: cover;
|
|
}
|
|
|
|
/* Profile stats layout */
|
|
.profile-stats {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
/* Card content spacing */
|
|
.card-content {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
/* Media queries for responsiveness */
|
|
@media screen and (max-width: 768px) {
|
|
.columns.is-variable.is-5 {
|
|
margin: 0;
|
|
}
|
|
|
|
.column.is-one-quarter {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
}
|
|
|
|
/* Navbar item adjustments */
|
|
.navbar-brand .logo-img {
|
|
max-height: none;
|
|
height: 3rem;
|
|
margin-right: 0.75rem;
|
|
}
|
|
|
|
/* Adjustments for form elements */
|
|
.textarea {
|
|
min-height: 8rem;
|
|
}
|
|
|
|
/* Footer adjustments */
|
|
.footer {
|
|
padding: 3rem 1.5rem 3rem;
|
|
}
|
|
|
|
/* Fallback styles for icon containers */
|
|
.icon {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
} |