Filter popup improvement

This commit is contained in:
2026-04-06 18:12:48 +02:00
parent e640b34b0f
commit 7cf7aef6e4
3 changed files with 49 additions and 42 deletions

View File

@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Recipe">
<title>Recipe App - Modular</title>
<link rel="manifest" href="./manifest.webmanifest?v=20260406-42">
<link rel="manifest" href="./manifest.webmanifest?v=20260406-51">
<link rel="icon" type="image/png" sizes="192x192" href="./icons/icon-192.png">
<link rel="apple-touch-icon" href="./icons/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -384,8 +384,6 @@
}
#app-bottom-nav .bottom-dock {
position: relative;
z-index: 0;
isolation: isolate;
width: min(calc(100% - 2rem), 22.4rem);
min-height: 3.7rem;
display: grid;
@@ -399,26 +397,9 @@
box-shadow:
0 5px 10px rgba(0, 0, 0, 0.16),
0 14px 22px rgba(0, 0, 0, 0.24),
0 22px 34px rgba(0, 0, 0, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
0 22px 34px rgba(0, 0, 0, 0.18);
pointer-events: auto;
}
#app-bottom-nav .bottom-dock::after {
content: '';
position: absolute;
left: 11%;
right: 11%;
bottom: -0.72rem;
height: 1.05rem;
border-radius: 999px;
background: rgba(0, 0, 0, 0.36);
filter: blur(12px);
opacity: 0.9;
z-index: -1;
pointer-events: none;
}
#app-bottom-nav .nav-tab,
#app-bottom-nav .nav-action {
appearance: none;
@@ -528,7 +509,7 @@
</div>
<script>
const APP_ASSET_VERSION = '20260406-42';
const APP_ASSET_VERSION = '20260406-51';
const APP_VERSION_STORAGE_KEY = 'recipe-app-asset-version';
const APP_VERSION_QUERY_KEY = 'appv';
@@ -562,7 +543,7 @@
})();
</script>
<script type="module">
const appVersion = window.__APP_ASSET_VERSION__ || '20260406-42';
const appVersion = window.__APP_ASSET_VERSION__ || '20260406-51';
const recoveryKey = `recipe-app-recovery-${appVersion}`;
function renderBootstrapError(message) {