gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-30 04:24:24 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

style/empty tab: improve layout

Browse Source
This commit is contained in:
Adorian Doran 2025-11-29 18:04:45 +02:00
parent 351fe5848f
commit 7462f1b7a5
3 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/stylesheets/style.css
View File

@ -1117,10 +1117,6 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
display: inline-block; display: inline-block;
} }
.note-detail-empty {
margin: 50px;
}
.modal-header { .modal-header {
padding: 0.5rem 1rem 0.5rem 1rem !important; /* make modal header padding slightly smaller */ padding: 0.5rem 1rem 0.5rem 1rem !important; /* make modal header padding slightly smaller */
} }

6
apps/client/src/stylesheets/theme-next/pages.css
View File

@ -124,12 +124,8 @@
/* The container */ /* The container */
.note-split.empty-note {
--max-content-width: 70%;
}
.note-split.empty-note div.note-detail { .note-split.empty-note div.note-detail {
margin: 50px auto; margin-inline: auto;
} }
/* The search results list */ /* The search results list */

26
apps/client/src/widgets/type_widgets/Empty.css
View File

@ -1,3 +1,21 @@
.note-detail-empty {
container-type: size;
padding-top: 50px;
min-width: 350px;
}
.note-detail-empty > * {
margin-inline: auto;
max-width: 850px;
padding-inline: 50px;
}
@container (max-width: 600px) {
.note-detail-empty > * {
padding-inline: 20px;
}
}
.workspace-notes { .workspace-notes {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -14,7 +32,8 @@
.workspace-notes .workspace-note:hover { .workspace-notes .workspace-note:hover {
cursor: pointer; cursor: pointer;
border: 1px solid var(--main-border-color); background-color: var(--icon-button-hover-background);
border-radius: 8px;
} }
.note-detail-empty-results .aa-dropdown-menu { .note-detail-empty-results .aa-dropdown-menu {
@ -24,6 +43,11 @@
border-top: 0; border-top: 0;
} }
.empty-tab-search label {
margin-bottom: 8px;
color: var(--muted-text-color);
}
.empty-tab-search .note-autocomplete-input { .empty-tab-search .note-autocomplete-input {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }