CSS fixes.

This commit is contained in:
Mike Cao 2020-08-02 00:51:26 -07:00
parent cb7f267212
commit c5599f1e20
3 changed files with 25 additions and 3 deletions

View File

@ -1,3 +1,13 @@
.container { .container {
display: flex; display: flex;
} }
@media only screen and (max-width: 1000px) {
.container {
padding-bottom: 20px;
}
.container > div:last-child {
display: none;
}
}

View File

@ -23,7 +23,7 @@ export default function WebsiteDetails({ websiteId, defaultDateRange = '7day' })
} }
function handleDateChange(values) { function handleDateChange(values) {
setDateRange(values); setTimeout(() => setDateRange(values), 300);
} }
useEffect(() => { useEffect(() => {
@ -58,7 +58,7 @@ export default function WebsiteDetails({ websiteId, defaultDateRange = '7day' })
<CheckVisible> <CheckVisible>
{visible => ( {visible => (
<RankingsChart <RankingsChart
title="Top URLs" title="Pages"
type="url" type="url"
heading="Views" heading="Views"
websiteId={data.website_id} websiteId={data.website_id}
@ -74,7 +74,7 @@ export default function WebsiteDetails({ websiteId, defaultDateRange = '7day' })
<CheckVisible> <CheckVisible>
{visible => ( {visible => (
<RankingsChart <RankingsChart
title="Top referrers" title="Referrers"
type="referrer" type="referrer"
heading="Views" heading="Views"
websiteId={data.website_id} websiteId={data.website_id}

View File

@ -19,3 +19,15 @@
.row > [class*='col-']:last-child { .row > [class*='col-']:last-child {
padding-right: 0; padding-right: 0;
} }
@media only screen and (max-width: 1000px) {
.row {
border: 0;
}
.row > [class*='col-'] {
border-top: 1px solid #e1e1e1;
border-left: 0;
padding: 0;
}
}