]> git.proxmox.com Git - pmg-gui.git/blame - css/ext6-pmg-mobile.css
utils: fix typo in default notification body
[pmg-gui.git] / css / ext6-pmg-mobile.css
CommitLineData
43f0b189
DC
1.item-title .item-header {
2 white-space: inherit;
3 overflow: hidden;
4 text-overflow: ellipsis;
5}
6
7.empty {
8 padding: 1em;
9 color: var(--f7-label-text-color);
10}
11
12img.logo {
13 padding: 0 10px;
14 vertical-align: middle;
15 height: 64px;
16}
17
18img.logo-navbar {
19 padding: 0 10px;
20 height: 32;
21}
22
23.settings-form {
24 position: absolute;
25 bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom));
26 right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right));
27 z-index: 1500;
28 width: 200px;
29 background-color: var(--f7-list-bg-color);
30}
31
32.button.subscription i.icon {
33 display: inline;
34}
35
36@media only screen and (max-width: 500px) {
37 .login-screen-title {
38 font-size: 6vw;
39 }
40}
41
42@media only screen and (min-width: 500px) {
43 .login-screen-title {
44 font-size: 32px;
45 }
46}
c7c07a82
SS
47
48@media (prefers-color-scheme: dark) {
cf70fa96 49 img.logo,
c7c07a82
SS
50 img.logo-navbar {
51 filter: invert(100%) hue-rotate(180deg);
52 }
53
54 .page-content > iframe {
55 background-color: var(--f7-color-white-shade);
56 }
57}