Safari Tab Bar support + Width now stretches to entire screen area

This commit is contained in:
Thomas G 2022-09-16 00:13:44 +10:00
parent f3533e9ce7
commit 3b932dcea8
5 changed files with 58 additions and 9 deletions

View File

@ -8,13 +8,13 @@
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description" />
<meta content="https://archblox.com" property="og:url" />
<meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
<meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
<meta content="#333" data-react-helmet="true" name="theme-color" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
<link href="/css/NewAdminCSS.css" rel="stylesheet">

View File

@ -8,36 +8,39 @@
@yield('descdiscord')
<meta content="https://archblox.com" property="og:url" />
<meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
<meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<script src="{{ asset('js/main.js?id=' . Str::random(8)) }}"></script>
@auth
@switch (Auth::user()->settings->theme)
@case(5)
<meta content="#3690df" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/classicappdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@case(4)
<meta content="#5082ed" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/classicapp.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@case(3)
<meta content="#1952A6" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@case(2)
<meta content="#0074bd" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/2018.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@default
<meta content="#1952A6" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@endswitch
@else
@ -52,6 +55,7 @@
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('link');
var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
var rel = 'stylesheet';
@ -59,6 +63,16 @@
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('meta');
var content = "#1952A6";
var datareacthelmet = 'true';
var name = "theme-color"
li.setAttribute('content', content);
li.setAttribute('data-react-helmet', datareacthelmet);
li.setAttribute('name',name)
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
} else {
var li = document.createElement('link');
var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
@ -67,6 +81,16 @@
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('meta');
var content = "#1952A6";
var datareacthelmet = 'true';
var name = "theme-color"
li.setAttribute('content', content);
li.setAttribute('data-react-helmet', datareacthelmet);
li.setAttribute('name',name)
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
}
}
getDarkMode()

View File

@ -14,7 +14,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
</head>

View File

@ -14,7 +14,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
</head>

View File

@ -69,32 +69,36 @@ $splash = array(
@yield('descdiscord')
<meta content="https://archblox.com" property="og:url" />
<meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
<meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
@auth
@switch (Auth::user()->settings->theme)
@case(5)
<meta content="#011130" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@case(4)
<meta content="#316bdf" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@case(3)
<meta content="#011130" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@case(2)
<meta content="#ffffff" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/2018.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break
@default
<meta content="#316bdf" data-react-helmet="true" name="theme-color" />
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@endswitch
@else
@ -118,6 +122,7 @@ $splash = array(
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('link');
var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
var rel = 'stylesheet';
@ -125,6 +130,16 @@ $splash = array(
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('meta');
var content = "#011130";
var datareacthelmet = 'true';
var name = "theme-color"
li.setAttribute('content', content);
li.setAttribute('data-react-helmet', datareacthelmet);
li.setAttribute('name',name)
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
} else {
var li = document.createElement('link');
var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
@ -133,6 +148,16 @@ $splash = array(
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('meta');
var content = "#316bdf";
var datareacthelmet = 'true';
var name = "theme-color"
li.setAttribute('content', content);
li.setAttribute('data-react-helmet', datareacthelmet);
li.setAttribute('name',name)
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
}
}
getDarkMode()