Change class name for drawer breadcrumb

Signed-off-by: ajbura <ajbura@gmail.com>
This commit is contained in:
ajbura 2022-02-16 19:56:02 +05:30
parent e654226e60
commit a55f1df17f
2 changed files with 5 additions and 5 deletions

View file

@ -85,9 +85,9 @@ function DrawerBreadcrumb({ spaceId }) {
}
return (
<div className="breadcrumb__wrapper">
<div className="drawer-breadcrumb__wrapper">
<ScrollView ref={scrollRef} horizontal vertical={false} invisible>
<div className="breadcrumb">
<div className="drawer-breadcrumb">
{
spacePath.map((id, index) => {
const noti = (id !== cons.tabs.HOME && index < spacePath.length)
@ -100,7 +100,7 @@ function DrawerBreadcrumb({ spaceId }) {
>
{ index !== 0 && <RawIcon size="extra-small" src={ChevronRightIC} />}
<Button
className={index === spacePath.length - 1 ? 'breadcrumb__btn--selected' : ''}
className={index === spacePath.length - 1 ? 'drawer-breadcrumb__btn--selected' : ''}
onClick={() => selectSpace(id)}
>
<Text variant="b2">{id === cons.tabs.HOME ? 'Home' : twemojify(mx.getRoom(id).name)}</Text>

View file

@ -1,12 +1,12 @@
@use '../../partials/text';
@use '../../partials/dir';
.breadcrumb__wrapper {
.drawer-breadcrumb__wrapper {
height: var(--header-height);
position: relative;
}
.breadcrumb {
.drawer-breadcrumb {
display: flex;
align-items: center;
height: 100%;