discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Minor layout fixes

Browse Source
This commit is contained in:
kvakazyambra 2022-11-11 13:22:07 +03:00
parent 8ffa30f1be
commit 613617da0b
4 changed files with 135 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Topic/Card.module.scss
View File

@ -3,10 +3,6 @@
margin-top: 3.2rem; margin-top: 3.2rem;
.stats & { .stats & {
@include media-breakpoint-down(sm) {
margin-left: 0;
}
.topicDetailsItem { .topicDetailsItem {
margin-bottom: 1.2rem; margin-bottom: 1.2rem;
} }

6
src/components/Views/AllAuthors.tsx
View File

@ -57,10 +57,9 @@ export const AllAuthorsView = (props: Props) => {
// log.debug(getSearchParams()) // log.debug(getSearchParams())
return ( return (
<div class={styles.allTopicsPage}> <div class={clsx(styles.allTopicsPage, 'container')}>
<Show when={sortedAuthors().length > 0}> <Show when={sortedAuthors().length > 0}>
<div class="wide-container"> <div class="shift-content">
<div class="shift-content container">
<div class="row"> <div class="row">
<div class={clsx(styles.pageHeader, 'col-lg-10 col-xl-8')}> <div class={clsx(styles.pageHeader, 'col-lg-10 col-xl-8')}>
<h1>{t('Authors')}</h1> <h1>{t('Authors')}</h1>
@ -135,7 +134,6 @@ export const AllAuthorsView = (props: Props) => {
</div> </div>
</div> </div>
</div> </div>
</div>
</Show> </Show>
</div> </div>
) )

18
src/components/Views/AllTopics.tsx
View File

@ -54,9 +54,8 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
const subscribed = (s) => Boolean(session()?.news?.topics && session()?.news?.topics?.includes(s || '')) const subscribed = (s) => Boolean(session()?.news?.topics && session()?.news?.topics?.includes(s || ''))
return ( return (
<div class={styles.allTopicsPage}> <div class={clsx(styles.allTopicsPage, 'container')}>
<Show when={sortedTopics().length > 0}> <Show when={sortedTopics().length > 0}>
<div class="wide-container">
<div class="shift-content"> <div class="shift-content">
<div class="row"> <div class="row">
<div class={clsx(styles.pageHeader, 'col-lg-9')}> <div class={clsx(styles.pageHeader, 'col-lg-9')}>
@ -65,11 +64,8 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
<p>{t('Subscribe what you like to tune your personal feed')}</p> <p>{t('Subscribe what you like to tune your personal feed')}</p>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="col-12">
<div class="col">
<div class="row">
<ul class={clsx(styles.viewSwitcher, 'view-switcher col-lg-10')}> <ul class={clsx(styles.viewSwitcher, 'view-switcher col-lg-10')}>
<li classList={{ selected: searchParams().by === 'shouts' || !searchParams().by }}> <li classList={{ selected: searchParams().by === 'shouts' || !searchParams().by }}>
<a href="/topics?by=shouts" onClick={handleClientRouteLinkClick}> <a href="/topics?by=shouts" onClick={handleClientRouteLinkClick}>
@ -101,17 +97,14 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</li> </li>
</ul> </ul>
</div> </div>
</div>
<Show <Show
when={searchParams().by === 'title'} when={searchParams().by === 'title'}
fallback={() => ( fallback={() => (
<div class={cardStyles.stats}>
<For each={sortedTopics()}> <For each={sortedTopics()}>
{(topic) => ( {(topic) => <TopicCard topic={topic} compact={false} subscribed={subscribed(topic.slug)} />}
<TopicCard topic={topic} compact={false} subscribed={subscribed(topic.slug)} />
)}
</For> </For>
</div>
)} )}
> >
<For each={sortedKeys()}> <For each={sortedKeys()}>
@ -136,9 +129,6 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</For> </For>
</Show> </Show>
</div> </div>
</div>
</div>
</div>
</Show> </Show>
</div> </div>
) )

3
src/styles/app.scss
View File

@ -660,11 +660,10 @@ astro-island {
.container { .container {
max-width: 1400px; max-width: 1400px;
padding: 0;
width: auto; width: auto;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
padding: 0 $container-padding-x * 0.5; //padding: 0 $container-padding-x * 0.5;
} }
} }