From 027b481290aa692133a462655fc37c57b311f4aa Mon Sep 17 00:00:00 2001 From: Noah Date: Tue, 10 Feb 2026 15:35:33 -0500 Subject: [PATCH] mobile padding, external link arrows on resource pages --- index.html | 6 ++---- meshcore-resources.html | 15 +++++++++++++++ meshtastic-resources.html | 15 +++++++++++++++ 3 files changed, 32 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 300d4d1..b7a1be8 100644 --- a/index.html +++ b/index.html @@ -252,10 +252,9 @@ padding-top: calc(env(safe-area-inset-top, 1em)); } .splash-box { - margin-top: 1em; - margin-bottom: 1em; + margin: 1em; padding: 2em; - min-width: 350px; + width: 90%; } .top-section { flex-direction: column; @@ -291,7 +290,6 @@ @media (max-width: 480px) { .splash-box { padding: 1.5em; - margin: 1em; } .logo { width: 120px; diff --git a/meshcore-resources.html b/meshcore-resources.html index c99a9c6..f2b4744 100644 --- a/meshcore-resources.html +++ b/meshcore-resources.html @@ -156,6 +156,21 @@ opacity: 0.4; filter: invert(1); } + a[target="_blank"]::after { + content: ""; + display: inline-block; + width: 12px; + height: 12px; + margin-left: 3px; + vertical-align: middle; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5L8.5 3.5M5 3.5h3.5V7'/%3E%3C/svg%3E") no-repeat center; + background-size: contain; + opacity: 0.4; + } + .btn[target="_blank"]::after, + .copy-btn::after { + display: none; + } .site-footer { margin-top: 2em; padding-top: 2em; diff --git a/meshtastic-resources.html b/meshtastic-resources.html index 03f5745..dece969 100644 --- a/meshtastic-resources.html +++ b/meshtastic-resources.html @@ -163,6 +163,21 @@ flex-shrink: 0; opacity: 0.4; } + a[target="_blank"]::after { + content: ""; + display: inline-block; + width: 12px; + height: 12px; + margin-left: 3px; + vertical-align: middle; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5L8.5 3.5M5 3.5h3.5V7'/%3E%3C/svg%3E") no-repeat center; + background-size: contain; + opacity: 0.4; + } + .btn[target="_blank"]::after, + .copy-btn::after { + display: none; + } .site-footer { margin-top: 2em; padding-top: 2em;