Add new SVG icons and update contact information layout in templates

This commit is contained in:
2025-01-26 18:31:40 +01:00
parent eed8f13365
commit ec7e2511ad
14 changed files with 252 additions and 12772 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -3337,4 +3337,123 @@ body#authentication {
color: #FFF !important;
}
}
}
#contact {
main {
.container {
>.row:nth-child(2) {
display: grid;
grid-template-columns: 310px 1fr;
gap: 32px;
@media (max-width: 767px) {
grid-template-columns: 1fr;
}
#left-column {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
}
#content-wrapper {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
#content {
padding: 40px;
h3 {
font-size: 32px;
color: #110E0C;
font-family: 'Inter';
font-weight: 600;
margin-bottom: 32px;
}
form {
.psgdpr_consent_message {
display: grid;
grid-template-columns: 20px 1fr;
gap: 5px;
align-items: center;
}
.btn-primary {
width: 277px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-family: 'Inter';
text-transform: none;
font-weight: 500;
height: 47px;
&:hover {
background: #462D26;
}
}
label {
color: #110E0C;
font-size: 12px;
font-weight: 500;
font-family: 'Inter';
margin-bottom: 4px;
&[for="file-upload"].btn-default {
background: #462D26;
color: #FFF;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
}
}
input[type="email"],
input[type="text"],
select {
height: 47px;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 16px;
font-size: 14px;
color: #110E0C;
font-family: 'Inter';
border: 1px solid #462D2624;
background-color: #f9f7f2;
&:focus {
outline: none;
box-shadow: none;
}
}
textarea {
padding: 0 16px;
font-size: 14px;
color: #110E0C;
font-family: 'Inter';
border: 1px solid #462D2624;
background-color: #f9f7f2;
padding: 10px;
&:focus {
outline: none;
box-shadow: none;
}
}
}
}
}
}
}
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -13090,60 +13090,48 @@ body#checkout #hook-display-after-carrier>[class^='col'].links .row>[class^='col
margin-bottom: 2rem;
color: #7a7a7a;
word-wrap: break-word;
}
background: #ECE9E2;
padding: 28px;
.contact-rich h4 {
margin-bottom: 2rem;
color: #232323;
text-transform: uppercase;
}
.contact-rich .block {
height: auto;
overflow: hidden;
}
.contact-rich .block .icon {
float: left;
width: 3.5rem;
}
.contact-rich .block .icon i {
font-size: 2rem;
}
.contact-rich .block .data {
width: auto;
overflow: hidden;
font-size: 0.875rem;
color: #232323;
}
.contact-rich .block .data.email {
padding-top: 0.375rem;
}
.contact-rich .block a[href^='mailto:'] {
margin-top: 1rem;
clear: both;
}
@media (min-width: 576px) {
.contact-rich .block a[href^='mailto:'] {
font-size: 0.815rem;
h4 {
margin-bottom: 2rem;
color: #232323;
font-size: 14px;
font-family: 'Inter';
font-weight: 700;
margin-bottom: 24px !important;
}
}
.contact-form {
width: 100%;
padding: 1rem;
color: #7a7a7a;
background: #fff;
}
.block {
height: auto;
overflow: hidden;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
display: grid;
grid-template-columns: 16px 1fr;
float: none !important;
gap: 16px;
margin-bottom: 24px !important;
.contact-form h3 {
color: #232323;
text-transform: uppercase;
.icon {
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 2px;
}
.data {
color: #462D26;
font-size: 14px;
font-weight: 400;
a {
color: #462D26;
font-weight: 600;
}
}
}
}
#products #main .page-header,