fix: footer links align-bottom; send btn inside textarea bottom-right, border color
This commit is contained in:
+11
-9
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user