fix: css

Signed-off-by: Innei <[email protected]>
Innei · Mar 31, 2024 · 301a5f2 · 301a5f2
1 parent 70e8437
commit 301a5f2
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "Shiroi",
+  "name": "Shiro",
   "license": "AGPL-3.0",
   "private": false,
   "version": "1.0.2",

diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
@@ -186,6 +186,7 @@ export default async function RootLayout(props: PropsWithChildren) {
             </WebAppProviders>
             <ToastContainer />
             <ScrollTop />
+            <div className="fixed inset-y-0 right-0 w-[var(--removed-body-scroll-bar-size)] bg-base-100" />
           </body>
         </html>
       </AppFeatureProvider>

diff --git a/src/components/layout/header/internal/HeaderContent.tsx b/src/components/layout/header/internal/HeaderContent.tsx
@@ -49,7 +49,7 @@ const AccessibleMenu: Component = () => {
             initial={{ y: -20 }}
             animate={{ y: 0 }}
             exit={{ y: -20, opacity: 0 }}
-            className="pointer-events-none fixed inset-x-0 top-12 z-10 flex justify-center duration-100"
+            className="pointer-events-none fixed inset-x-0 top-12 z-10 mr-[var(--removed-body-scroll-bar-size)] flex justify-center"
           >
             <ForDesktop />
           </m.div>

diff --git a/src/components/layout/header/internal/HeaderWithShadow.tsx b/src/components/layout/header/internal/HeaderWithShadow.tsx
@@ -15,7 +15,7 @@ export const HeaderWithShadow: Component = ({ children }) => {
     <header
       data-hide-print
       className={clsx(
-        'fixed inset-x-0 top-0 z-[9] h-[4.5rem] overflow-hidden transition-shadow duration-200 lg:ml-[calc(100vw-100%)]',
+        'fixed inset-x-0 top-0 z-[9] mr-[var(--removed-body-scroll-bar-size)] h-[4.5rem] overflow-hidden transition-shadow duration-200',
         showShadow &&
           'shadow-none shadow-neutral-100 dark:shadow-neutral-800/50 lg:shadow-sm',
       )}

diff --git a/src/components/ui/code-highlighter/shiki/Shiki.tsx b/src/components/ui/code-highlighter/shiki/Shiki.tsx
@@ -185,7 +185,7 @@ export const ShikiHighLighter: FC<Props> = (props) => {
             style={
               {
                 '--sr-margin': !hasHeader
-                  ? `${(language?.length || 0) + 1}em`
+                  ? `${(language?.length || 0) * 14 + 4}px`
                   : '1rem',
               } as any
             }

diff --git a/src/components/ui/editor/Milkdown/index.module.css b/src/components/ui/editor/Milkdown/index.module.css
@@ -16,22 +16,22 @@
 }
 
 .editor h1 {
-  font-size: 1.2rem;
+  font-size: 1.2em;
   font-weight: 500;
 }
 
 .editor h2 {
-  font-size: 1.15rem;
+  font-size: 1.15em;
   font-weight: 500;
 }
 
 .editor h3 {
-  font-size: 1.1rem;
+  font-size: 1.1em;
   font-weight: 500;
 }
 
 .editor h4 {
-  font-size: 1.05rem;
+  font-size: 1.05em;
   font-weight: 500;
 }
 

diff --git a/src/styles/tailwindcss.css b/src/styles/tailwindcss.css
@@ -17,11 +17,11 @@ html body {
   }
 }
 
-@media (min-width: 2160px) {
+/* @media (min-width: 2160px) {
   html {
     font-size: 15px;
   }
-}
+} */
 
 .prose {
   max-width: 100% !important;