Filter popup improvement
This commit is contained in:
27
index.html
27
index.html
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user