change paddings

This commit is contained in:
marlon-erler
2024-07-21 02:56:42 +02:00
parent fac5b0d9ca
commit d8be4676d0
4 changed files with 7 additions and 8 deletions
+3 -2
View File
@@ -329,8 +329,9 @@ body[showing-chat] #chat-page-wrapper {
overflow: scroll;
scroll-snap-align: center;
}
#home-page #overview-section {
padding-bottom: calc(var(--content-padding) + var(--safe-area-bottom));
#home-page #overview-section,
#home-page #chat-section {
padding-bottom: calc(var(--content-padding) + var(--header-height) + var(--safe-area-bottom));
}
#home-page #chat-grid {
margin-top: var(--content-padding);
+1 -1
View File
@@ -1719,7 +1719,7 @@
function scrollToChat() {
chatSection.scrollIntoView();
}
return /* @__PURE__ */ createElement("article", { id: "home-page" }, /* @__PURE__ */ createElement("header", null, /* @__PURE__ */ createElement("span", null, translations.homePage.appName)), /* @__PURE__ */ createElement("div", null, overviewSection, chatSection));
return /* @__PURE__ */ createElement("article", { id: "home-page" }, /* @__PURE__ */ createElement("div", null, overviewSection, chatSection));
}
// src/Model/settingsModel.ts
+3 -2
View File
@@ -29,8 +29,9 @@
scroll-snap-align: center;
}
#home-page #overview-section {
padding-bottom: calc(var(--content-padding) + var(--safe-area-bottom));
#home-page #overview-section,
#home-page #chat-section {
padding-bottom: calc(var(--content-padding) + var(--header-height) + var(--safe-area-bottom));
}
#home-page #chat-grid {
-3
View File
@@ -181,9 +181,6 @@ export function HomePage(
// final
return (
<article id="home-page">
<header>
<span>{translations.homePage.appName}</span>
</header>
<div>
{overviewSection}
{chatSection}