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; 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 { div.reminderContent.is-collapsed .invert-collapses {
display: inline-flex; display: inline-flex;
} }
@ -634,7 +646,22 @@ li.highlight {
padding: 2px; 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 { .button-row {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -652,32 +679,13 @@ li.highlight {
.button-row button { .button-row button {
width: 100%; width: 100%;
} }
}
@media only screen and (max-width: 1023px) { .reminder-settings {
p.title.pageTitle { margin-bottom: 0 !important;
display: none;
} }
.dashboard-frame { .tts-row {
margin-top: 4rem !important; padding-bottom: 0;
}
.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;
} }
} }

View File

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

View File

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