Просмотр исходного кода

enhance(mobile): increase font size for graph switch and sidebar

Tienson Qin 5 месяцев назад
Родитель
Сommit
9313235d1d
2 измененных файлов с 18 добавлено и 1 удалено
  1. 1 1
      src/main/frontend/components/repo.cljs
  2. 17 0
      src/main/mobile/components/app.css

+ 1 - 1
src/main/frontend/components/repo.cljs

@@ -359,7 +359,7 @@
                  (repo-handler/combine-local-&-remote-graphs repos (concat remotes rtc-graphs)) repos))
         items-fn #(repos-dropdown-links repos current-repo downloading-graph-id opts)
         header-fn #(when (> (count repos) 1)                ; show switch to if there are multiple repos
-                     [:div.font-medium.text-sm.opacity-50.px-1.py-1.flex.flex-row.justify-between.items-center
+                     [:div.font-medium.md:text-sm.md:opacity-50.px-1.py-1.flex.flex-row.justify-between.items-center
                       [:h4.pb-1 (t :left-side-bar/switch)]
 
                       (when (and (file-sync/enable-sync?) login?)

+ 17 - 0
src/main/mobile/components/app.css

@@ -526,9 +526,22 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {
     @apply text-gray-12 dark:text-gray-11;
 
     .page-title {
+      @apply text-base;
       display: flex !important;
     }
   }
+
+  .cp__sidebar-left-layout a {
+    @apply opacity-100;
+  }
+
+  .wrap-th, .more {
+    @apply !opacity-80;
+  }
+
+  .hd .wrap-th > strong {
+    @apply !text-lg;
+  }
 }
 
 .Sidebar-hidden {
@@ -539,3 +552,7 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {
 #app-main-content {
     padding-bottom: 200px;
 }
+
+.menu-link, .cp__repos-quick-actions .ui__button {
+    @apply text-base;
+}