LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

remove special styling for first homepage category

Browse source
This commit is contained in:
Sean Yesmunt 2020-11-17 14:57:08 -05:00
parent e5301dec04
commit bbfed3fbb1
2 changed files with 1 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
ui/page/home/view.jsx
View file

@ -2,7 +2,6 @@
import * as ICONS from 'constants/icons'; import * as ICONS from 'constants/icons';
import * as PAGES from 'constants/pages'; import * as PAGES from 'constants/pages';
import { SITE_NAME, SIMPLE_SITE } from 'config'; import { SITE_NAME, SIMPLE_SITE } from 'config';
import classnames from 'classnames';
import React from 'react'; import React from 'react';
import Page from 'component/page'; import Page from 'component/page';
import Button from 'component/button'; import Button from 'component/button';
@ -52,17 +51,7 @@ function HomePage(props: Props) {
)} )}
{rowData.map(({ title, route, link, icon, help, options = {} }, index) => ( {rowData.map(({ title, route, link, icon, help, options = {} }, index) => (
<div key={title} className="claim-grid__wrapper"> <div key={title} className="claim-grid__wrapper">
{index === 0 ? ( {title && (
<div className="section__header--actions">
<span
className={classnames('claim-grid__title', {
'claim-grid__title--first': index === 0,
})}
>
{title}
</span>
</div>
) : (
<h1 className="claim-grid__header"> <h1 className="claim-grid__header">
<Button navigate={route || link} button="link"> <Button navigate={route || link} button="link">
{icon && <Icon className="claim-grid__header-icon" sectionIcon icon={icon} size={20} />} {icon && <Icon className="claim-grid__header-icon" sectionIcon icon={icon} size={20} />}

5
ui/scss/component/_claim-list.scss
View file

@ -302,7 +302,6 @@
} }
.claim-grid__header { .claim-grid__header {
margin-top: var(--spacing-m);
margin-bottom: var(--spacing-m); margin-bottom: var(--spacing-m);
display: inline-block; display: inline-block;
@ -327,10 +326,6 @@
width: 1.5rem; width: 1.5rem;
} }
} }
@media (min-width: $breakpoint-small) {
margin-top: var(--spacing-m);
}
} }
.claim-grid__title { .claim-grid__title {