feat: improve app bar UI

pwltr · Nov 22, 2023 · 199635e · 199635e
1 parent 7d7cb6e
commit 199635e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -90,7 +90,11 @@
         "width": 380,
         "height": 700,
         "resizable": false,
-        "fullscreen": false
+        "fullscreen": false,
+        "center": true,
+        "contentProtected": true,
+        "hiddenTitle": true,
+        "acceptFirstMouse": true
       }
     ],
     "security": {

diff --git a/src/components/AppBar.tsx b/src/components/AppBar.tsx
@@ -169,21 +169,21 @@ const AppBar = () => {
             </IconButton>
           )}
 
-          {isSearching && location.pathname === '/' ? (
-            <Search
-              autoFocus
-              placeholder={t('appBar.search')}
-              inputProps={{ 'aria-label': t('appBar.search') }}
-              value={searchTerm}
-              onChange={(event: ChangeEvent<HTMLInputElement>) => setSearch(event.target.value)}
-            />
-          ) : (
-            <PageTitle variant="h6" noWrap>
-              {location.pathname === '/' ? <b>Tauthy</b> : appBarTitle}
-            </PageTitle>
-          )}
-
-          <Box sx={{ flexGrow: 1 }} />
+          <Box sx={{ flexGrow: 1 }} onClick={() => setIsSearching(true)}>
+            {isSearching && location.pathname === '/' ? (
+              <Search
+                autoFocus
+                placeholder={t('appBar.search')}
+                inputProps={{ 'aria-label': t('appBar.search') }}
+                value={searchTerm}
+                onChange={(event: ChangeEvent<HTMLInputElement>) => setSearch(event.target.value)}
+              />
+            ) : (
+              <PageTitle variant="h6" noWrap>
+                {location.pathname === '/' ? <b>Tauthy</b> : appBarTitle}
+              </PageTitle>
+            )}
+          </Box>
 
           {location.pathname === '/' && (
             <>