style: update app layout and map view styles

This commit is contained in:
Yassine Doghri 2021-09-20 10:50:27 +00:00
parent bfa11d007d
commit 5413d09737
2 changed files with 12 additions and 9 deletions

View File

@ -1,6 +1,7 @@
<?= helper('page') ?> <?= helper('page') ?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="<?= service('request')->getLocale() ?>" class="h-full"> <html lang="<?= service('request')
->getLocale() ?>" class="h-full">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
@ -8,8 +9,10 @@
<meta name="description" content="Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience."/> <meta name="description" content="Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience."/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" type="image/png" href="/favicon.ico" /> <link rel="shortcut icon" type="image/png" href="/favicon.ico" />
<?= service('vite')->asset('styles/index.css', 'css') ?> <?= service('vite')
<?= service('vite')->asset('js/map.ts', 'js') ?> ->asset('styles/index.css', 'css') ?>
<?= service('vite')
->asset('js/map.ts', 'js') ?>
</head> </head>
<body class="flex flex-col h-full min-h-screen mx-auto bg-gray-100"> <body class="flex flex-col h-full min-h-screen mx-auto bg-gray-100">
@ -17,9 +20,9 @@
<div class="container flex flex-col px-2 py-4 mx-auto"> <div class="container flex flex-col px-2 py-4 mx-auto">
<a href="<?= route_to('home') ?>" <a href="<?= route_to('home') ?>"
class="inline-flex items-center mb-2"><?= icon( class="inline-flex items-center mb-2"><?= icon(
'arrow-left', 'arrow-left',
'mr-2', 'mr-2',
) . lang('Page.back_to_home') ?></a> ) . lang('Page.back_to_home') ?></a>
<h1 class="text-3xl font-semibold"><?= lang('Page.map') ?></h1> <h1 class="text-3xl font-semibold"><?= lang('Page.map') ?></h1>
</div> </div>
</header> </header>

View File

@ -21,9 +21,9 @@
<div class="container flex flex-col px-2 py-4 mx-auto"> <div class="container flex flex-col px-2 py-4 mx-auto">
<a href="<?= route_to('home') ?>" <a href="<?= route_to('home') ?>"
class="inline-flex items-center mb-2"><?= icon( class="inline-flex items-center mb-2"><?= icon(
'arrow-left', 'arrow-left',
'mr-2', 'mr-2',
) . lang('Page.back_to_home') ?></a> ) . lang('Page.back_to_home') ?></a>
<h1 class="text-3xl font-semibold"><?= isset($page) <h1 class="text-3xl font-semibold"><?= isset($page)
? $page->title ? $page->title
: 'Castopod' ?></h1> : 'Castopod' ?></h1>