Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

responsive

Browse source
This commit is contained in:
Chneemann 2024-04-24 09:55:29 +02:00
parent 1ff279d153
commit 94ac068855
3 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/contacts/contact-form/contact-form.component.scss
View file

@ -44,6 +44,8 @@ span {
align-items: center; align-items: center;
} }
/*------------- RESPONSIVE -------------*/
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.name { .name {
flex-direction: column; flex-direction: column;

1
src/app/components/contacts/contacts.component.scss
View file

@ -143,6 +143,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
/*------------- RESPONSIVE -------------*/ /*------------- RESPONSIVE -------------*/
@media screen and (max-width: 1150px) { @media screen and (max-width: 1150px) {

18
src/app/shared/components/buttons/form-btn/form-btn.component.scss
View file

@ -1,8 +1,7 @@
.btn-submit { .btn-submit {
width: fit-content; width: fit-content;
height: 56px;
padding: 12px; padding: 12px;
margin: 12px 12px; margin: 12px;
border-radius: 10px; border-radius: 10px;
border: 1px solid var(--black) !important; border: 1px solid var(--black) !important;
background-color: var(--light-gray); background-color: var(--light-gray);
@ -27,7 +26,6 @@
.btn-clear { .btn-clear {
width: fit-content; width: fit-content;
height: 56px;
padding: 12px; padding: 12px;
margin: 12px; margin: 12px;
border-radius: 10px; border-radius: 10px;
@ -47,7 +45,6 @@
.btn-delete { .btn-delete {
width: fit-content; width: fit-content;
height: 56px;
padding: 12px; padding: 12px;
margin: 12px; margin: 12px;
border-radius: 10px; border-radius: 10px;
@ -87,3 +84,16 @@
.input-container:hover .background-image { .input-container:hover .background-image {
filter: var(--filter); filter: var(--filter);
} }
/*------------- RESPONSIVE -------------*/
@media screen and (max-width: 400px) {
.btn-submit,
.btn-clear,
.btn-delete {
padding: 8px;
margin: 6px;
font-size: 18px;
font-weight: 400;
}
}