mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-28 22:26:41 +07:00
Compare commits
2 commits
606700f5d2
...
5056047546
Author | SHA1 | Date | |
---|---|---|---|
![]() |
5056047546 | ||
![]() |
521f5ce436 |
4 changed files with 16 additions and 4 deletions
|
@ -78,7 +78,7 @@ const FlowStamp: FC<Props> = ({ isFluid, onToggleLayout }) => {
|
||||||
<Card className={styles.grid}>
|
<Card className={styles.grid}>
|
||||||
<SubTitle>Результаты поиска</SubTitle>
|
<SubTitle>Результаты поиска</SubTitle>
|
||||||
|
|
||||||
<div className={styles.items}>
|
<div className={classNames(styles.items, styles.scrollable)}>
|
||||||
<FlowSearchResults
|
<FlowSearchResults
|
||||||
hasMore={searchHasMore}
|
hasMore={searchHasMore}
|
||||||
isLoading={searchIsLoading}
|
isLoading={searchIsLoading}
|
||||||
|
|
|
@ -54,6 +54,12 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
@container sizer (width >= #{$flow_hide_recents}) {
|
||||||
|
&.scrollable {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search_icon {
|
.search_icon {
|
||||||
|
|
|
@ -59,7 +59,11 @@ const Header: FC<HeaderProps> = observer(() => {
|
||||||
className={classNames(styles.wrap, { [styles.is_scrolled]: isScrolled })}
|
className={classNames(styles.wrap, { [styles.is_scrolled]: isScrolled })}
|
||||||
>
|
>
|
||||||
<div className={styles.container}>
|
<div className={styles.container}>
|
||||||
<div className={styles.logo_wrapper}>
|
<div
|
||||||
|
className={classNames(styles.logo_wrapper, {
|
||||||
|
[styles.guest]: !isUser,
|
||||||
|
})}
|
||||||
|
>
|
||||||
<Logo />
|
<Logo />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -106,7 +106,9 @@
|
||||||
transform: translate(50%, 0) scaleX(0);
|
transform: translate(50%, 0) scaleX(0);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
transition: transform 0.5s, opacity 0.25s;
|
transition:
|
||||||
|
transform 0.5s,
|
||||||
|
opacity 0.25s;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
|
@ -159,7 +161,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo_wrapper {
|
.logo_wrapper:not(.guest) {
|
||||||
@include tablet {
|
@include tablet {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue