diff --git a/app/Resources/js/modules/play-episode-button.ts b/app/Resources/js/modules/play-episode-button.ts index 44f4a873280c980a40616ce579b3f8f68ec5d42e..454b5d66439232d8bd29658f1d3e47abbb67aa5a 100644 --- a/app/Resources/js/modules/play-episode-button.ts +++ b/app/Resources/js/modules/play-episode-button.ts @@ -132,7 +132,8 @@ export class PlayEpisodeButton extends LitElement { private _showPlayer(): void { this._castopodAudioPlayer.style.display = ""; - document.body.style.paddingBottom = "52px"; + document.body.classList.add("pb-[105px]"); + document.body.classList.add("sm:pb-[52px]"); } private _flushLastPlayButton(playingEpisodeButton: PlayEpisodeButton): void { diff --git a/themes/cp_admin/_partials/_user_info.php b/themes/cp_admin/_partials/_user_info.php index 2b2d2eda2ef29526452c026775420b66e245e20e..8f4b4282c19c4c701c951c27445809392153b666 100644 --- a/themes/cp_admin/_partials/_user_info.php +++ b/themes/cp_admin/_partials/_user_info.php @@ -1,32 +1,32 @@ -<div class="px-4 py-5 bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"> +<div class="px-4 py-5"> <dt class="text-sm font-medium leading-5 text-gray-500"> <?= lang('User.form.email') ?> </dt> - <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> + <dd class="mt-1 text-sm leading-5 text-gray-900"> <?= $user->email ?> </dd> </div> -<div class="px-4 py-5 bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"> +<div class="px-4 py-5"> <dt class="text-sm font-medium leading-5 text-gray-500"> <?= lang('User.form.username') ?> </dt> - <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> + <dd class="mt-1 text-sm leading-5 text-gray-900"> <?= $user->username ?> </dd> </div> -<div class="px-4 py-5 bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"> +<div class="px-4 py-5"> <dt class="text-sm font-medium leading-5 text-gray-500"> <?= lang('User.form.roles') ?> </dt> - <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> - [<?= implode(', ', $user->roles) ?>] + <dd class="mt-1 text-sm leading-5 text-gray-900"> + <?= implode(', ', $user->roles) ?> </dd> </div> -<div class="px-4 py-5 bg-gray-50 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"> +<div class="px-4 py-5"> <dt class="text-sm font-medium leading-5 text-gray-500"> <?= lang('User.form.permissions') ?> </dt> - <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> - [<?= implode(', ', $user->permissions) ?>] + <dd class="max-w-xl mt-1 text-sm leading-5 text-gray-900"> + <?= implode(', ', $user->permissions) ?> </dd> </div> diff --git a/themes/cp_admin/podcast/import.php b/themes/cp_admin/podcast/import.php index d9fad7366766b1048df9b1c18f0cdb2f5327c3d3..15eba41cfbc989981f0f19b5895544a31170d110 100644 --- a/themes/cp_admin/podcast/import.php +++ b/themes/cp_admin/podcast/import.php @@ -61,14 +61,14 @@ title="<?= lang('PodcastImport.advanced_params_section_title') ?>" subtitle="<?= lang('PodcastImport.advanced_params_section_subtitle') ?>" > -<fieldset class="flex flex-col mb-4"> - <legend><?= lang('PodcastImport.slug_field') ?></legend> +<fieldset class="flex flex-col mb-4 gap-y-2"> + <legend class="mb-2"><?= lang('PodcastImport.slug_field') ?></legend> <Forms.Radio value="title" name="slug_field" isChecked="true"><title></span></Forms.Radio> <Forms.Radio value="link" name="slug_field"><link></span></Forms.Radio> </fieldset> -<fieldset class="flex flex-col mb-4"> - <legend><?= lang('PodcastImport.description_field') ?></legend> +<fieldset class="flex flex-col mb-4 gap-y-2"> + <legend class="mb-2"><?= lang('PodcastImport.description_field') ?></legend> <Forms.Radio value="description" name="description_field" isChecked="true"><description></Forms.Radio> <Forms.Radio value="summary" name="description_field"><itunes:summary></Forms.Radio> <Forms.Radio value="subtitle_summary" name="description_field"><itunes:subtitle> + <itunes:summary></Forms.Radio> diff --git a/themes/cp_app/podcast/_partials/sidebar.php b/themes/cp_app/podcast/_partials/sidebar.php index 99d129c72d58512e7baf783eb0bf4043827b6a5d..5e2056b4fed80ab201b914dda508fc885ad3ba9d 100644 --- a/themes/cp_app/podcast/_partials/sidebar.php +++ b/themes/cp_app/podcast/_partials/sidebar.php @@ -1,5 +1,5 @@ <div data-sidebar-toggler="backdrop" class="absolute top-0 left-0 z-10 hidden w-full h-full bg-pine-800/75 md:hidden" role="button" tabIndex="0" aria-label="Close"></div> -<aside id="podcast-sidebar" data-sidebar-toggler="sidebar" data-toggle-class="hidden" data-hide-class="hidden" class="p-4 py-6 z-20 shadow-2xl md:shadow-none hidden h-full col-span-1 col-start-2 row-start-1 md:block bg-pine-50 w-[300px]"> +<aside id="podcast-sidebar" data-sidebar-toggler="sidebar" data-toggle-class="hidden" data-hide-class="hidden" class="z-20 hidden h-full col-span-1 col-start-2 row-start-1 p-4 py-6 shadow-2xl md:shadow-none md:block bg-pine-50"> <div class="sticky z-10 bg-pine-50 top-12"> <a href="<?= route_to('podcast_feed', $podcast->handle) ?>" class="inline-flex items-center mb-6 text-sm font-semibold focus:ring-castopod text-pine-800 group" target="_blank" rel="noopener noreferrer"> <?= icon('rss', ' mr-2 bg-orange-500 text-xl text-white group-hover:bg-orange-700 p-1 w-6 h-6 inline-flex items-center justify-center rounded-lg') . lang('Podcast.feed') ?> diff --git a/themes/cp_app/post/_partials/reblog.php b/themes/cp_app/post/_partials/reblog.php index 2e81cd663aeebecb9040394c552d01fee761e13d..fb904d73b83377d5cc46a6e22285f19cd7a861c0 100644 --- a/themes/cp_app/post/_partials/reblog.php +++ b/themes/cp_app/post/_partials/reblog.php @@ -32,6 +32,7 @@ <div class="px-6 mb-4 post-content"><?= $post->message_html ?></div> <?php if ($post->episode_id): ?> <?= view('episode/_partials/preview_card', [ + 'index' => $index, 'episode' => $post->episode, ]) ?> <?php elseif ($post->preview_card_id): ?>