slococo
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide profile image on mobile devices

This commit is contained in:
Santiago Lo Coco 2022-03-14 14:32:52 -03:00
parent b35abee0c8
commit 224fd442eb
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/about.html
View File

@ -14,11 +14,13 @@ layout: default
{% if page.profile -%} {% if page.profile -%}
<div class="rel-1z profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}"> <div class="rel-1z profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}">
{%- if page.profile.image %} {%- if page.profile.image %}
<div class="prof-image">
{%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%} {%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%}
{% include figure.html {% include figure.html
path=profile_image_path path=profile_image_path
class="img-fluid z-dept-1 rounded" class="img-fluid z-dept-1 rounded"
alt=page.profile.image -%} alt=page.profile.image -%}
</div>
{% endif -%} {% endif -%}
{%- if page.profile.address %} {%- if page.profile.address %}
<div class="address"> <div class="address">

6
_sass/_base.scss
View File

@ -88,6 +88,12 @@ boldtext {
} }
} }
@media (max-width: 600px) {
.prof-image {
display: none;
}
}
.post-description { .post-description {
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 0.9rem; font-size: 0.9rem;