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

Style fixes

Browse Source
This commit is contained in:
kvakazyambra 2024-09-04 22:48:18 +03:00
parent d003df96f2
commit 6e11e19f0a
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Views/StaticPage.tsx
View File

@ -18,7 +18,7 @@ export const StaticPage = (props: Props) => {
<PageLayout title={props.title} desc={props.desc} key={props.title.toLowerCase()}> <PageLayout title={props.title} desc={props.desc} key={props.title.toLowerCase()}>
<article class="wide-container container--static-page" id="articleBody" ref={(el) => (bodyEl = el)}> <article class="wide-container container--static-page" id="articleBody" ref={(el) => (bodyEl = el)}>
<div class="row"> <div class="row">
<div class="col-md-12 col-xl-14 offset-md-5 order-md-first mt-5"> <div class="col-md-12 col-xl-14 offset-md-5 order-md-first">
<h1>{props.title}</h1> <h1>{props.title}</h1>
{props.children} {props.children}
</div> </div>

2
src/components/_shared/PageLayout.tsx
View File

@ -82,7 +82,7 @@ export const PageLayout = (props: PageLayoutProps) => {
})} })}
classList={{ 'main-content--no-padding': !isHeaderFixed }} classList={{ 'main-content--no-padding': !isHeaderFixed }}
> >
<div class={clsx([props.class, 'wide-container'])}>{props.children}</div> {props.children}
</main> </main>
<Show when={props.hideFooter !== true}> <Show when={props.hideFooter !== true}>
<FooterView /> <FooterView />

2
src/components/_shared/TableOfContents/TableOfContents.tsx
View File

@ -85,7 +85,7 @@ export const TableOfContents = (props: Props) => {
[styles.TableOfContentsFixedWrapperLefted]: props.variant === 'editor' [styles.TableOfContentsFixedWrapperLefted]: props.variant === 'editor'
})} })}
> >
<div class={styles.TableOfContentsContainer}> <div class={styles.TableOfContentsContainer} data-custom-scroll="on">
<Show when={isVisible()}> <Show when={isVisible()}>
<div class={styles.TableOfContentsContainerInner}> <div class={styles.TableOfContentsContainerInner}>
<div class={styles.TableOfContentsHeader}> <div class={styles.TableOfContentsHeader}>

10
src/styles/app.scss
View File

@ -848,7 +848,7 @@ figure {
.main-content { .main-content {
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
// padding-top: 130px; padding-top: 130px;
} }
flex: 1 100%; flex: 1 100%;
@ -1031,25 +1031,25 @@ details {
Not supports in Firefox and IE */ Not supports in Firefox and IE */
/* total width */ /* total width */
::-webkit-scrollbar { &::-webkit-scrollbar {
background-color: #fff; background-color: #fff;
width: 16px; width: 16px;
} }
/* background of the scrollbar except button or resizer */ /* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: #fff; background-color: #fff;
} }
/* scrollbar itself */ /* scrollbar itself */
::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: #babac0; background-color: #babac0;
border-radius: 16px; border-radius: 16px;
border: 4px solid #fff; border: 4px solid #fff;
} }
/* set button(top and bottom of the scrollbar) */ /* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button { &::-webkit-scrollbar-button {
display: none; display: none;
} }
} }