diff --git a/app.html b/app.html index 4bf65e4..1ef575a 100644 --- a/app.html +++ b/app.html @@ -17,10 +17,12 @@
AltSource
diff --git a/css/app.css b/css/app.css index 8752048..01543e3 100644 --- a/css/app.css +++ b/css/app.css @@ -20,6 +20,10 @@ a { transition: opacity 0.25s ease-in-out; } +#nav-bar #back-container { + min-width: 78px; +} + /* IPA install & download */ .ipa { @@ -61,7 +65,8 @@ a { #preview #screenshots>img { max-width: 70%; margin-left: 1em; - border-radius: 0.25em; + border-radius: 0.5em; + border: 0.75px solid rgba(0, 0, 0, 0.2); } #preview #description { diff --git a/css/apps.css b/css/apps.css index b1312bc..bd428e6 100644 --- a/css/apps.css +++ b/css/apps.css @@ -24,4 +24,5 @@ .screenshot { max-width: 48%; border-radius: 4px; + border: 0.75px solid rgba(0, 0, 0, 0.2); } \ No newline at end of file diff --git a/css/shared.css b/css/shared.css index 95e2659..d5861c5 100644 --- a/css/shared.css +++ b/css/shared.css @@ -22,7 +22,6 @@ /* Dark appearance */ @media (prefers-color-scheme: dark) { - body, .uibanner, #loading { @@ -51,6 +50,12 @@ #more button { background: linear-gradient(to right, transparent, var(--color-bg-dark) 35%) !important; } + + #nav-bar #title>img, + .app-header img, + .screenshot { + border-color: rgba(255, 255, 255, 0.2) !important; + } } body.loading { @@ -162,7 +167,8 @@ body { #nav-bar #title>img { max-height: 2em; - border-radius: 0.4em; + border-radius: 0.5em; + border: 0.75px solid rgba(0, 0, 0, 0.1); } #nav-bar #back { @@ -276,6 +282,7 @@ body { display: block; border-radius: 13.5px; max-width: 64px; + border: 0.75px solid rgba(0, 0, 0, 0.1); } .app-header .background { diff --git a/js/app.js b/js/app.js index 876c11d..c58a57c 100644 --- a/js/app.js +++ b/js/app.js @@ -91,7 +91,7 @@ function main(json) { preview.querySelector("#subtitle").textContent = app.subtitle; // Screenshots app.screenshotURLs.forEach(url => { - preview.querySelector("#screenshots").insertAdjacentHTML("beforeend", `