From c0dc53c3f5146715c8a2e79a3ec66ebd42917f4e Mon Sep 17 00:00:00 2001 From: charlie Date: Tue, 12 Aug 2025 12:03:27 +0800 Subject: [PATCH] enhance(ui): adjust positioning and opacity for search icon and input elements --- src/main/mobile/components/app.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/main/mobile/components/app.css b/src/main/mobile/components/app.css index a531910a12..f48d149c32 100644 --- a/src/main/mobile/components/app.css +++ b/src/main/mobile/components/app.css @@ -414,7 +414,7 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view { transition: padding 0.1s ease-in-out; .ls-icon-search { - @apply absolute left-3 top-[9px] opacity-90; + @apply absolute left-2.5 top-[9px] opacity-60; } .cancel { @@ -431,13 +431,17 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view { display: block; } + .ls-icon-search { + @apply opacity-90; + } + > .x { - right: 90px; + right: 88px; } } .ui__input { - @apply border-none dark:bg-gray-02 bg-gray-04 pl-10 outline-none ring-0; + @apply border-none dark:bg-gray-02 bg-gray-04 pl-9 outline-none ring-0; height: 34px; outline-offset: 0; @@ -448,7 +452,7 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view { @apply absolute right-6 w-[16px] h-[16px] bg-gray-10 overflow-hidden rounded-full flex items-center justify-center text-gray-02 opacity-50; - bottom: 16px; + bottom: 18px; } }