mirror of
https://github.com/flarum/core.git
synced 2025-07-30 13:10:24 +02:00
595364f419
Mobile responsive design with a very native feel, all in pure CSS (no templating differences between versions — even though some things are in very different positions.) I’ve been working on this whole thing in my head for a while now, planning out how certain components will be laid out on the mobile version, and how to reason about them in the templates so that a substantially different layout can still be achieved by only using CSS. Today I finally wrote the CSS and it’s come together pretty damn perfectly. Still to come: - Swiping left or right on discussions to reveal controls - Tablet version
23 lines
708 B
PHP
23 lines
708 B
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>{{ $title }}</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
|
|
<meta name="flarum/config/environment" content="{{ rawurlencode(json_encode($config)) }}">
|
|
<base href="/">
|
|
{!! $styles !!}
|
|
</head>
|
|
<body>
|
|
{!! $content !!}
|
|
<script>
|
|
var FLARUM_DATA = {!! json_encode($data) !!};
|
|
var FLARUM_SESSION = {!! json_encode($session) !!};
|
|
var FLARUM_ALERT = {!! json_encode($alert) !!};
|
|
</script>
|
|
{!! $scripts !!}
|
|
</body>
|
|
</html>
|