diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index b0a963595..b686dd113 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -1117,10 +1117,6 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href display: inline-block; } -.note-detail-empty { - margin: 50px; -} - .modal-header { padding: 0.5rem 1rem 0.5rem 1rem !important; /* make modal header padding slightly smaller */ } diff --git a/apps/client/src/stylesheets/theme-next/pages.css b/apps/client/src/stylesheets/theme-next/pages.css index 3f5f1e223..cf5bf0fe1 100644 --- a/apps/client/src/stylesheets/theme-next/pages.css +++ b/apps/client/src/stylesheets/theme-next/pages.css @@ -124,12 +124,8 @@ /* The container */ -.note-split.empty-note { - --max-content-width: 70%; -} - .note-split.empty-note div.note-detail { - margin: 50px auto; + margin-inline: auto; } /* The search results list */ diff --git a/apps/client/src/widgets/type_widgets/Empty.css b/apps/client/src/widgets/type_widgets/Empty.css index c207f6524..9f04afbcf 100644 --- a/apps/client/src/widgets/type_widgets/Empty.css +++ b/apps/client/src/widgets/type_widgets/Empty.css @@ -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 { display: flex; flex-direction: row; @@ -14,7 +32,8 @@ .workspace-notes .workspace-note:hover { 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 { @@ -24,6 +43,11 @@ border-top: 0; } +.empty-tab-search label { + margin-bottom: 8px; + color: var(--muted-text-color); +} + .empty-tab-search .note-autocomplete-input { border-bottom-left-radius: 0; }