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;
.stats & {
@include media-breakpoint-down(sm) {
margin-left: 0;
}
.topicDetailsItem {
margin-bottom: 1.2rem;
}

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

@ -57,10 +57,9 @@ export const AllAuthorsView = (props: Props) => {
// log.debug(getSearchParams())
return (
<div class={styles.allTopicsPage}>
<div class={clsx(styles.allTopicsPage, 'container')}>
<Show when={sortedAuthors().length > 0}>
<div class="wide-container">
<div class="shift-content container">
<div class="shift-content">
<div class="row">
<div class={clsx(styles.pageHeader, 'col-lg-10 col-xl-8')}>
<h1>{t('Authors')}</h1>
@ -135,7 +134,6 @@ export const AllAuthorsView = (props: Props) => {
</div>
</div>
</div>
</div>
</Show>
</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 || ''))
return (
<div class={styles.allTopicsPage}>
<div class={clsx(styles.allTopicsPage, 'container')}>
<Show when={sortedTopics().length > 0}>
<div class="wide-container">
<div class="shift-content">
<div class="row">
<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>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="row">
<div class="col-12">
<ul class={clsx(styles.viewSwitcher, 'view-switcher col-lg-10')}>
<li classList={{ selected: searchParams().by === 'shouts' || !searchParams().by }}>
<a href="/topics?by=shouts" onClick={handleClientRouteLinkClick}>
@ -101,17 +97,14 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</li>
</ul>
</div>
</div>
<Show
when={searchParams().by === 'title'}
fallback={() => (
<div class={cardStyles.stats}>
<For each={sortedTopics()}>
{(topic) => (
<TopicCard topic={topic} compact={false} subscribed={subscribed(topic.slug)} />
)}
{(topic) => <TopicCard topic={topic} compact={false} subscribed={subscribed(topic.slug)} />}
</For>
</div>
)}
>
<For each={sortedKeys()}>
@ -136,9 +129,6 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</For>
</Show>
</div>
</div>
</div>
</div>
</Show>
</div>
)

3
src/styles/app.scss
View File

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