diff --git a/app/static/mobile.css b/app/static/mobile.css index 26f86ab..52058df 100644 --- a/app/static/mobile.css +++ b/app/static/mobile.css @@ -37,6 +37,20 @@ header { margin-bottom: 14px; } +.mobile-brand { + display: flex; + align-items: center; + gap: 10px; + min-width: 0; +} + +.mobile-brand img { + width: 40px; + height: 40px; + flex: 0 0 auto; + border-radius: 9px; +} + h1 { margin: 0; font-size: 24px; diff --git a/app/static/ptouch-web-logo.svg b/app/static/ptouch-web-logo.svg new file mode 100644 index 0000000..3d07a48 --- /dev/null +++ b/app/static/ptouch-web-logo.svg @@ -0,0 +1,11 @@ + + P-Touch Web + Label printer icon with a printed P label + + + + + + + + diff --git a/app/static/style.css b/app/static/style.css index 9cb420c..4ec1c36 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -81,8 +81,23 @@ textarea { } .brand { + display: flex; + align-items: center; + gap: 10px; + min-width: 0; +} + +.brand img { + width: 36px; + height: 36px; + flex: 0 0 auto; + border-radius: 8px; +} + +.brand div { display: grid; gap: 2px; + min-width: 0; } .brand span { diff --git a/app/templates/index.html b/app/templates/index.html index 4b07fac..0764cd3 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -4,14 +4,19 @@ P-Touch Web Editor + +
- P-Touch Web - PT-P700 · Mobile + +
+ P-Touch Web + PT-P700 · Mobile +
diff --git a/app/templates/mobile.html b/app/templates/mobile.html index 663c82b..ebd437b 100644 --- a/app/templates/mobile.html +++ b/app/templates/mobile.html @@ -4,14 +4,19 @@ P-Touch Mobile + +
-
-

P-Touch Mobile

-

PT-P700

+
+ +
+

P-Touch Mobile

+

PT-P700

+
Editor