diff options
| author | real-zephex <[email protected]> | 2024-03-27 12:40:52 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-03-27 12:40:52 +0530 |
| commit | 684a5a6d65a1badc2fadeefdc941d9070aa04f9d (patch) | |
| tree | 3b2fb0cc0dfe3b49b4ea2dfcef11e70952ebd52d /src/app/manga/manga.module.css | |
| parent | restructured files (diff) | |
| download | dramalama-684a5a6d65a1badc2fadeefdc941d9070aa04f9d.tar.xz dramalama-684a5a6d65a1badc2fadeefdc941d9070aa04f9d.zip | |
fixes: minor css fixes, added loading indicators, added error pages etc etc
Diffstat (limited to 'src/app/manga/manga.module.css')
| -rw-r--r-- | src/app/manga/manga.module.css | 36 |
1 files changed, 24 insertions, 12 deletions
diff --git a/src/app/manga/manga.module.css b/src/app/manga/manga.module.css index 7e4a5ba..87c9563 100644 --- a/src/app/manga/manga.module.css +++ b/src/app/manga/manga.module.css @@ -76,18 +76,6 @@ } } -@media screen and (max-width: 768px) { - - .HorizontalImageContainer img { - width: 95%; - height: auto; - } - - .VerticalImageContainer img { - width: 46.5%; - height: 300px; - } -} .SearchBar { display: flex; @@ -110,6 +98,30 @@ font-size: 16px; } +.LoadingContainer { + display: flex; + justify-content: center; + align-items: center; + height: 90dvh; + color: white; + font-family: "Kanit"; + font-size: 18px; +} + +@media screen and (max-width: 768px) { + + .HorizontalImageContainer img { + width: 95%; + height: auto; + } + + .VerticalImageContainer img { + width: 46.5%; + height: 300px; + } +} + + @media screen and (max-width: 425px) { .Hero { |