fix: remove fixed size from podcast sidebar + rearrange account info + space out import radio inputs

This commit is contained in:
Yassine Doghri 2021-10-22 15:36:25 +00:00
parent d0f9c6018f
commit 776eec6f0d
5 changed files with 18 additions and 16 deletions

View File

@ -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 {

View File

@ -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>

View File

@ -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">&lt;title&gt;</span></Forms.Radio>
<Forms.Radio value="link" name="slug_field">&lt;link&gt;</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">&lt;description&gt;</Forms.Radio>
<Forms.Radio value="summary" name="description_field">&lt;itunes:summary&gt;</Forms.Radio>
<Forms.Radio value="subtitle_summary" name="description_field">&lt;itunes:subtitle&gt; + &lt;itunes:summary&gt;</Forms.Radio>

View File

@ -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') ?>

View File

@ -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): ?>