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

update design

Browse source
This commit is contained in:
Chneemann 2024-03-27 14:45:59 +01:00
parent 06275722c1
commit 3dc0223df0
2 changed files with 39 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/app/components/contacts/contact-detail/contact-detail.component.html
View file

@ -33,5 +33,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="contact">
<div class="headline">Contact Information</div>
<div class="info">
<p>Email:</p>
<a [href]="'mail:' + userService.displayUserDetails(paramsId, 'email')">
{{ userService.displayUserDetails(paramsId, "email") }}
</a>
<p>Phone:</p>
<a [href]="'tel:' + userService.displayUserDetails(paramsId, 'phone')">
{{ userService.displayUserDetails(paramsId, "phone") }}
</a>
</div>
</div>
</div> </div>
</section> </section>

26
src/app/components/contacts/contact-detail/contact-detail.component.scss
View file

@ -127,6 +127,32 @@ section {
} }
} }
.contact {
margin-top: 48px;
.headline {
font-size: 20px;
font-weight: 400;
}
.info {
margin-top: 16px;
p {
font-size: 16px;
font-weight: 700;
padding: 24px 0 12px 0;
}
a {
font-size: 16px;
font-weight: 400;
text-decoration: none;
color: var(--light-blue);
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}
@media screen and (max-width: 1150px) { @media screen and (max-width: 1150px) {
section { section {
display: none; display: none;