better logo styling, variable button text

This commit is contained in:
Lachlan Kermode
2020-06-30 15:18:49 +02:00
parent 2e2b9e4442
commit 95196e721c
2 changed files with 39 additions and 10 deletions

View File

@@ -19,19 +19,47 @@
}
.cover-header {
position: fixed;
bottom: 20px;
left: 0;
display: flex;
width: 100vw;
@media only screen and (max-width: 992px) {
position: inherit;
}
.cover-logo-container {
padding: 20px 0 0 20px;
display: flex;
&.minimized {
}
.cover-logo {
transition: all 1s;
width: 60px;
height: 60px;
}
}
&.minimized {
top: 0;
max-width: $toolbar-width;
max-height: 30px;
display: flex;
justify-content: center;
align-items: center;
.cover-logo-container {
padding: 5px;
}
.cover-logo {
width: 15px;
height: 15px;
}
}
}
.cover-logo-container {
padding: 20px 0 0 20px;
display: flex;
}
.cover-logo {
width: 60px;
height: 60px;
}
.fullscreen-bg {
@@ -184,7 +212,7 @@
font-size: 22pt !important;
.cell.plain, .cell.small { display: none; }
max-width: 100vw;
padding: 0 40px;
padding: 0 40px 80px 40px;
}
.verify-tabs {

View File

@@ -91,7 +91,8 @@ const initial = {
},
cover: {
title: 'project title',
description: 'A description of the project goes here.\n\nThis description may contain markdown.\n\n# This is a large title, for example.\n\n## Whereas this is a slightly smaller title.\n\nCheck out docs/custom-covers.md in the [Timemap GitHub repo](https://github.com/forensic-architecture/timemap) for more information around how to specify custom covers.'
description: 'A description of the project goes here.\n\nThis description may contain markdown.\n\n# This is a large title, for example.\n\n## Whereas this is a slightly smaller title.\n\nCheck out docs/custom-covers.md in the [Timemap GitHub repo](https://github.com/forensic-architecture/timemap) for more information around how to specify custom covers.',
exploreButton: 'EXPLORE'
},
loading: false
},