diff options
Diffstat (limited to 'web/style')
-rw-r--r-- | web/style/nodecard.css | 25 |
1 files changed, 20 insertions, 5 deletions
diff --git a/web/style/nodecard.css b/web/style/nodecard.css index 011e415..76c4d3b 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -20,16 +20,16 @@ .card .poster img { height: var(--card-size); } -.card.aspect-port { +.aspect-port { width: calc(var(--card-size) * var(--port-poster-aspect)); } -.card.aspect-land { +.aspect-land { width: calc(var(--card-size) * var(--land-poster-aspect)); } -.card.aspect-thumb { +.aspect-thumb { width: calc(var(--card-size) * var(--land-thumb-aspect)); } -.card.aspect-square { +.aspect-square { width: calc(var(--card-size)); } @@ -119,7 +119,22 @@ } .widecard { - + display: grid; + grid-template-columns: 1fr 10000fr; + width: 100%; +} +.widecard .poster { + grid-column: 1; +} +.widecard .details { + grid-column: 2; + margin: 1em; +} +.widecard .details .title { + font-size: large; +} +.widecard .details .props { + margin-bottom: 0.5em; } @media (max-width: 750px) { |