css/ext6-pmg-mobile.css

   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
  12 img.logo {
  13     padding: 0 10px;
  14     vertical-align: middle;
  15     height: 64px;
  16 }
  17
  18 img.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 }
  47
  48 @media (prefers-color-scheme: dark) {
  49     img.logo,
  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 }