m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00
Code Releases Activity

change availability line placement tactic

Browse Source 
* closes #97
This commit is contained in:
Matthias Kretschmann 2019-03-20 01:03:42 -03:00
parent ba1aac7640
commit db7cac9649
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/molecules/Availability.module.scss
View File

@ -1,13 +1,12 @@
@import 'variables'; @import 'variables';
.availability { .availability {
position: absolute;
bottom: 0;
border-radius: .25rem; border-radius: .25rem;
color: $text-color-light; color: $text-color-light;
z-index: 2; z-index: 2;
padding: $spacer / 2; padding: $spacer / 2;
display: block; display: block;
margin-top: auto;
:global(.dark) & { :global(.dark) & {
color: $text-color-light--dark; color: $text-color-light--dark;
@ -27,6 +26,8 @@
color: $brand-main; color: $brand-main;
position: fixed; position: fixed;
bottom: $spacer; bottom: $spacer;
left: 50%;
transform: translateX(-50%);
:global(.dark) & { :global(.dark) & {
background: rgba($body-background-color--dark, .8); background: rgba($body-background-color--dark, .8);

12
src/components/organisms/Header.module.scss
View File

@ -3,13 +3,13 @@
.header { .header {
position: relative; position: relative;
padding: $spacer; padding: $spacer;
height: calc(100vh - #{$spacer}); padding-top: 30vh;
min-height: calc(100vh - #{$spacer});
max-height: 1000px; max-height: 1000px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
text-align: center; text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
} }
.link { .link {
@ -19,7 +19,7 @@
} }
.minimal { .minimal {
height: auto; min-height: 0;
padding-top: $spacer * 2; padding-top: $spacer * 2;
padding-bottom: 0; padding-bottom: 0;