this repo has no description
Much math, such CSS
+12
-12
+1
-4
src/app.css
+1
-4
src/app.css
···
1710
1710
bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
1711
1711
1712
1712
body.exp-tab-bar-v2 & {
1713
-
bottom: max(
1714
-
16px,
1715
-
min(var(--sai-left), var(--sai-right), var(--sai-bottom))
1716
-
);
1713
+
bottom: max(16px, var(--inset-new));
1717
1714
}
1718
1715
}
1719
1716
}
+11
-8
src/components/shortcuts.css
+11
-8
src/components/shortcuts.css
···
57
57
58
58
/* TAB BAR */
59
59
60
+
body.exp-tab-bar-v2 {
61
+
--compose-button-width: 56px;
62
+
--inset-inline-new: max(var(--sai-left), var(--sai-right));
63
+
--inset-new: calc(
64
+
(var(--sai-bottom) - var(--inset-inline-new)) / 3 + var(--inset-inline-new)
65
+
);
66
+
}
67
+
60
68
#shortcuts .tab-bar:not([hidden]) {
61
69
position: fixed;
62
70
bottom: 0;
···
80
88
all 0.3s ease-in-out,
81
89
max-width 0s;
82
90
inset-inline-end: auto;
83
-
--inset-inline-start: max(16px, var(--sai-inline-start));
84
-
--inset-inline-end: max(16px, var(--sai-inline-end));
85
-
--inset-block-end: max(16px, var(--sai-bottom));
86
-
--compose-button-width: 56px;
91
+
--inset-inline-start: max(16px, var(--inset-new));
92
+
--inset-inline-end: max(16px, var(--inset-new));
87
93
inset-inline-start: var(--inset-inline-start);
88
-
inset-block-end: max(
89
-
16px,
90
-
min(var(--sai-left), var(--sai-right), var(--sai-bottom))
91
-
);
94
+
inset-block-end: max(16px, var(--inset-new));
92
95
max-width: calc(
93
96
100vw - var(--inset-inline-start) - var(--inset-inline-end) -
94
97
var(--compose-button-width) - 8px