ami/tl-vikunja
1
0
Fork 0
Code

feat: more horizontal space on mobile (#2722)

Browse Source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2722
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2022-11-17 16:17:18 +00:00 committed by konrad
parent 33d4efecc4
commit b42e4cca59
3 changed files with 16 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/home/contentAuth.vue
View File

@ -159,27 +159,20 @@ labelStore.loadAllLabels()
.app-content { .app-content {
z-index: 10; z-index: 10;
position: relative; position: relative;
padding-top: 1rem; padding: 1.5rem 0.5rem 1rem;
@media screen {
padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem;
}
@media screen and (max-width: $tablet) { @media screen and (max-width: $tablet) {
margin-left: 0; margin-left: 0;
padding-top: 1.5rem;
min-height: calc(100vh - 4rem); min-height: calc(100vh - 4rem);
} }
@media screen and (min-width: $tablet) {
padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem;
}
@media screen { &.is-menu-enabled {
&.is-menu-enabled { @media screen and (min-width: $tablet) {
margin-left: $navbar-width; margin-left: $navbar-width;
@media screen and (max-width: $tablet) {
min-width: 100%;
margin-left: 0;
}
} }
} }

5
src/styles/theme/background.scss
View File

@ -26,7 +26,10 @@
.task-view { .task-view {
border-radius: $radius; border-radius: $radius;
margin: 0 1rem;
@media screen and (min-width: $tablet) {
margin-inline: 1rem;
}
} }
.kanban .tasks { .kanban .tasks {

12
src/views/tasks/TaskDetailView.vue
View File

@ -809,8 +809,8 @@ async function setPercentDone(percentDone: number) {
} }
.task-view { .task-view {
padding: 1rem; padding-top: 1rem;
padding-bottom: 0; padding-inline: .5rem;
background-color: var(--site-background); background-color: var(--site-background);
@media screen and (min-width: $desktop) { @media screen and (min-width: $desktop) {
@ -861,10 +861,10 @@ h3 .button {
} }
.remove { .remove {
color: var(--danger); color: var(--danger);
vertical-align: middle; vertical-align: middle;
padding-left: .5rem; padding-left: .5rem;
line-height: 1; line-height: 1;
} }
:deep(.datepicker) { :deep(.datepicker) {