KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-10 03:19:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile improvements

Browse Source 
tries to setup layout for success with safari iso 26 bottom navigation
bar and having content appear behind it instead of having a fat lip of
background color.

Also fixes where main content was not taking full width on mobile & text
alignment on torrent search results.
This commit is contained in:
Kevin
2026-02-24 18:43:26 +01:00
parent 426b376d05
commit eac12748db
5 changed files with 9 additions and 1900 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -1,8 +1,11 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta
name="viewport"
content="width=device-width, viewport-fit=cover, initial-scale=1"
/>
<link <link
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;subset=cyrillic" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;subset=cyrillic"

3
src/App.vue
View File

@@ -58,13 +58,14 @@
.content { .content {
display: grid; display: grid;
width: calc(100% - var(--header-size));
grid-column: 2 / 3; grid-column: 2 / 3;
width: calc(100% - var(--header-size));
grid-row: 2; grid-row: 2;
z-index: 5; z-index: 5;
@include mobile { @include mobile {
grid-column: 1 / 3; grid-column: 1 / 3;
width: 100%;
} }
} }
} }

2
src/components/torrent/TorrentSearchResults.vue
View File

@@ -137,7 +137,7 @@
} }
@include mobile { @include mobile {
text-align: left; padding: 0 0.8rem;
} }
} }

1895
src/components/torrents.json
View File

File diff suppressed because it is too large Load Diff

2
src/scss/main.scss
View File

@@ -14,7 +14,7 @@
} }
html { html {
height: 100%; height: unset;
} }
body { body {
margin: 0; margin: 0;