fix(): Refactoring, banner Y position

package.json

@@ -1,6 +1,6 @@
 {
   "name": "logseq-banners-plugin",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "main": "dist/index.html",
   "scripts": {
     "dev": "vite",

src/main.css

@@ -0,0 +1,61 @@
+body:is([data-page="page"], [data-page="home"]).is-banner-active #main-content-container {
+    flex-wrap: wrap;
+    align-content: flex-start;
+}
+
+body:is([data-page="page"], [data-page="home"]) .content {
+    position: relative;
+}
+
+body:is([data-page="page"], [data-page="home"]).is-banner-active #main-content-container::before {
+    display: block;
+    content: "";
+    width: 100%;
+    height: var(--bannerHeight);
+    margin: 0 auto;
+    background-image: var(--pageBanner);
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position-x: 50%;
+    background-position-y: var(--bannerAlign);
+}
+
+body:is([data-page="page"], [data-page="home"]).is-banner-active.is-icon-active .journal-item:first-of-type>.page>.flex-col>.content>.flex-1::before,
+body:is([data-page="page"], [data-page="home"]).is-banner-active.is-icon-active .page>.relative>.flex-row>.flex-1::before {
+    content: var(--pageIcon);
+    font-size: var(--iconWidth);
+    font-weight: normal;
+    position: absolute;
+    left: -7px;
+    z-index: 2;
+    transform: translateY(-55%);
+    line-height: initial;
+}
+
+body:is([data-page="page"], [data-page="home"]).is-banner-active.is-icon-active :is(.ls-page-title, .page-title, .journal-title) {
+    margin-top: 35px;
+}
+
+body:is([data-page="page"], [data-page="home"]).is-banner-active.is-icon-active #journals .journal-item:first-child {
+    margin-top: 0;
+}
+
+/* small icons for other home journal items */
+body:is([data-page="page"], [data-page="home"]).is-banner-active.is-icon-active #journals .journal-item h1.title::before {
+    content: var(--pageIcon);
+    margin-right: 8px;
+    font-size: 0.9em;
+    font-weight: normal;
+}
+
+body:is([data-page="page"], [data-page="home"]).is-banner-active.is-icon-active #journals .journal-item:first-of-type h1.title::before {
+    display: none;
+}
+
+.cp__right-sidebar-inner .resizer {
+    z-index: 9;
+}
+
+.page-title .page-icon {
+    display: none;
+}