Compare commits

..

2 Commits

Author SHA1 Message Date
jude
a6525f3052 Move button row down. Correct image sizes on some browsers 2023-09-23 18:14:01 +01:00
jude
348639270d Move button row down 2023-09-23 18:05:26 +01:00
3 changed files with 66 additions and 58 deletions

View File

@ -15,6 +15,18 @@ div.reminderContent.is-collapsed .column.settings {
display: none;
}
div.reminderContent.is-collapsed .button-row {
display: none;
}
div.reminderContent.is-collapsed .button-row-edit {
display: none;
}
div.reminderContent.is-collapsed .reminder-topbar {
padding-bottom: 0;
}
div.reminderContent.is-collapsed .invert-collapses {
display: inline-flex;
}
@ -634,7 +646,22 @@ li.highlight {
padding: 2px;
}
@media only screen and (max-width: 1408px) {
@media only screen and (max-width: 1023px) {
p.title.pageTitle {
display: none;
}
.dashboard-frame {
margin-top: 4rem !important;
}
.customizable.thumbnail img {
width: 60px;
height: 60px;
}
}
@media only screen and (max-width: 768px) {
.button-row {
display: flex;
flex-direction: column;
@ -652,32 +679,13 @@ li.highlight {
.button-row button {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
p.title.pageTitle {
display: none;
.reminder-settings {
margin-bottom: 0 !important;
}
.dashboard-frame {
margin-top: 4rem !important;
}
.customizable.thumbnail img {
width: 60px;
height: 60px;
}
}
@media only screen and (max-width: 768px) {
.button-row-edit {
display: flex;
flex-direction: column;
}
.button-row-edit > button {
width: 100%;
margin: 4px;
.tts-row {
padding-bottom: 0;
}
}

View File

@ -40,7 +40,7 @@
<div class="navbar-brand">
<a class="navbar-item" href="/">
<figure class="image">
<img src="/static/img/logo_nobg.webp" alt="Reminder Bot Logo">
<img width="28px" height="28px" src="/static/img/logo_nobg.webp" alt="Reminder Bot Logo">
</figure>
</a>
@ -234,6 +234,7 @@
<a href="/">
<div class="brand">
<img src="/static/img/logo_nobg.webp" alt="Reminder bot logo"
width="52px" height="52px"
class="dashboard-brand">
</div>
</a>

View File

@ -231,7 +231,9 @@
</div>
</div>
</div>
</div>
</div>
</div>
{% if creating %}
<div class="button-row">
<div class="button-row-reminder">
@ -264,7 +266,4 @@
</button>
</div>
{% endif %}
</div>
</div>
</div>
</div>