Update Dark Mode

malzariey · Jan 6, 2025 · 5487f72 · 5487f72
1 parent 9255f37
commit 5487f72
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 32 deletions.
diff --git a/resources/css/index.css b/resources/css/index.css
@@ -636,11 +636,8 @@ i.page-break,.icon.page-break {
     background-position: center;
     background-repeat: no-repeat;
     width: 35px;
-    vertical-align: -.25em;
-    position: absolute;
-    right: 30px;
-    top: 0;
-    bottom: 0;
+    height: 35px;
+    align-self: center;
     cursor: pointer
 }
 
@@ -650,11 +647,8 @@ i.page-break,.icon.page-break {
     background-position: center;
     background-repeat: no-repeat;
     width: 35px;
-    vertical-align: -.25em;
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
+    height: 35px;
+    align-self: center;
     cursor: pointer
 }
 
@@ -664,12 +658,8 @@ i.page-break,.icon.page-break {
     background-position: center;
     background-repeat: no-repeat;
     width: 35px;
-    vertical-align: -.25em;
-    margin-right: 28px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
+    height: 35px;
+    align-self: center;
     cursor: pointer
 }
 
@@ -679,12 +669,8 @@ i.page-break,.icon.page-break {
     background-position: center;
     background-repeat: no-repeat;
     width: 35px;
-    vertical-align: -.25em;
-    margin-right: 2px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
+    height: 35px;
+    align-self: center;
     cursor: pointer
 }
 
@@ -743,7 +729,7 @@ i.page-break,.icon.page-break {
     box-shadow: 0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;
     border-radius: 8px;
     min-height: 40px;
-    background-color: #fff
+    @apply bg-white dark:bg-black;
 }
 
 .dropdown .item {

diff --git a/resources/dist/filament-lexical-editor.css b/resources/dist/filament-lexical-editor.css
diff --git a/resources/views/components/link-editor.blade.php b/resources/views/components/link-editor.blade.php
@@ -3,8 +3,8 @@
          @click.outside="closeLinkEditorDialog()"
     >
         <div class="dropdown w-96 align-middle relative">
-            <div class="flex" x-show="linkEditMode">
-                <div style="padding: 12px 12px; flex-grow: 3">
+            <div class="flex ps-3 py-3" x-show="linkEditMode">
+                <div style="flex-grow: 3">
                     <x-filament::input.wrapper>
                         <x-filament::input
                             type="text"
@@ -14,17 +14,17 @@
                     </x-filament::input.wrapper>
                 </div>
 
-                <div class="ms-2 flex-1">
-                    <div class="link-cancel" @click="closeLinkEditorDialog()" role="button" tabindex="0"></div>
-                    <div class="link-confirm" @click="updateLink()" role="button" tabindex="0"></div>
+                <div class="ms-2 flex-1 flex">
+                    <div class="link-cancel dark:invert" @click="closeLinkEditorDialog()" role="button" tabindex="0"></div>
+                    <div class="link-confirm dark:invert" @click="updateLink()" role="button" tabindex="0"></div>
                 </div>
             </div>
             <div class="flex" x-show="linkEditMode == false">
                 <a class="text-blue-500 hover:underline hover:text-blue-700 whitespace-nowrap overflow-hidden ms-2 text-ellipsis block break-words" style="padding: 12px 12px; flex-grow: 3" :href="linkEditorUrl" x-text="linkEditorUrl" target="_blank" rel="noopener noreferrer">
                 </a>
-                <div class="ms-2 flex-1">
-                    <div class="link-edit" @click="linkEditMode = true" role="button" tabindex="0"></div>
-                    <div class="link-trash" @click="removeLink()" role="button" tabindex="0"></div>
+                <div class="ms-2 flex-1 flex">
+                    <div class="link-edit dark:invert" @click="linkEditMode = true" role="button" tabindex="0"></div>
+                    <div class="link-trash dark:invert" @click="removeLink()" role="button" tabindex="0"></div>
                 </div>
 
             </div>