fix: footer links align-bottom; send btn inside textarea bottom-right, border color

This commit is contained in:
Oliver
2026-03-27 18:23:24 -03:00
parent 5cc4486ab7
commit 7d447bee93
+11 -9
View File
@@ -1058,6 +1058,7 @@
display: flex; display: flex;
gap: 1.75rem; gap: 1.75rem;
justify-self: end; justify-self: end;
align-self: end;
} }
.footer-links a { .footer-links a {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@@ -1073,12 +1074,10 @@
width: 100%; width: 100%;
} }
.footer-feedback__form { .footer-feedback__form {
display: flex; position: relative;
gap: 0.375rem;
align-items: flex-end;
} }
.footer-feedback__area { .footer-feedback__area {
flex: 1; width: 100%;
resize: none; resize: none;
border: 1.5px solid rgba(255, 255, 255, 0.18); border: 1.5px solid rgba(255, 255, 255, 0.18);
border-radius: 0.875rem; border-radius: 0.875rem;
@@ -1107,24 +1106,27 @@
background-color: rgba(255, 255, 255, 0.11); background-color: rgba(255, 255, 255, 0.11);
} }
.footer-feedback__btn { .footer-feedback__btn {
flex-shrink: 0; position: absolute;
bottom: 0.45rem;
right: 0.5rem;
background: none; background: none;
border: none; border: none;
padding: 0.4rem; padding: 0.25rem;
cursor: pointer; cursor: pointer;
color: #3b82f6; color: rgba(255, 255, 255, 0.18);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 50%; border-radius: 50%;
line-height: 0; line-height: 0;
z-index: 1;
transition: transition:
color 0.2s, color 0.2s,
transform 0.15s; transform 0.15s;
} }
.footer-feedback__btn:hover { .footer-feedback__btn:hover {
color: #2563eb; color: rgba(255, 255, 255, 0.75);
transform: scale(1.2) translateX(2px); transform: scale(1.15) translateX(2px);
} }
.footer-feedback__btn:disabled { .footer-feedback__btn:disabled {
opacity: 0.4; opacity: 0.4;