@@ -739,69 +739,14 @@ td button:empty:before {
739739 .dark-mode .bg-yellow-50 {
740740 color : # fdba74 !important ; /* Brighter orange for dark mode */
741741 }
742-
743- /* Alternative approach with more general selectors */
744-
745- /* =====================
746- DARK MODE LABEL VISIBILITY FIX
747- ===================== */
748- .dark-mode {
749- /* Override specific element colors for dark mode */
750- --badge-bg-blue : # 90cdf4 ;
751- --badge-text-blue : # 1e3a8a ;
752- --badge-bg-green : # 0d9488 ;
753- --badge-text-green : # ffffff ;
754- --badge-bg-yellow : # d97706 ;
755- --badge-text-yellow : # ffffff ;
756- --badge-bg-red : # f87171 ;
757- --badge-text-red : # ffffff ;
758- }
759-
760- /* General badge styles for dark mode */
761- .dark-mode [class *= "rounded-full" ],
762- .dark-mode .status-badge {
763- border : 1px solid rgba (255 , 255 , 255 , 0.2 );
764- box-shadow : 0 1px 2px rgba (0 , 0 , 0 , 0.3 );
765- }
766-
767- /* Blue badges (middleware types) */
768- .dark-mode .bg-blue-100 ,
769- .dark-mode [class *= "bg-blue-" ] {
770- background-color : var (--badge-bg-blue ) !important ;
771- color : var (--badge-text-blue ) !important ;
772- text-shadow : none;
773- }
774-
775- /* Green badges (protected status) */
776- .dark-mode .bg-green-100 ,
777- .dark-mode [class *= "bg-green-" ] {
778- background-color : var (--badge-bg-green ) !important ;
779- color : var (--badge-text-green ) !important ;
780- text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.5 );
781- }
782-
783- /* Yellow badges (not protected status) */
784- .dark-mode .bg-yellow-100 ,
785- .dark-mode .bg-yellow-50 ,
786- .dark-mode [class *= "bg-yellow-" ] {
787- background-color : var (--badge-bg-yellow ) !important ;
788- color : var (--badge-text-yellow ) !important ;
789- text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.5 );
790- }
791-
792- /* Red badges (errors, disabled) */
793- .dark-mode .bg-red-100 ,
794- .dark-mode .bg-red-50 ,
795- .dark-mode [class *= "bg-red-" ] {
796- background-color : var (--badge-bg-red ) !important ;
797- color : var (--badge-text-red ) !important ;
798- text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.5 );
799- }
800-
801- /* Force text visibility for all badge elements */
802- .dark-mode span [class *= "rounded-full" ],
803- .dark-mode .status-badge {
804- opacity : 1 !important ;
805- visibility : visible !important ;
806- font-weight : 600 !important ;
807- }
742+
743+ /* Fix for modal scrolling on mobile */
744+ @media (max-width : 640px ) {
745+ .fixed .inset-0 .bg-gray-600 .bg-opacity-50 .flex .items-center .justify-center {
746+ align-items : flex-start;
747+ padding-top : 2rem ;
748+ padding-bottom : 2rem ;
749+ overflow-y : auto;
750+ }
751+ }
752+ /* Fix for loading spinner */
0 commit comments