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

View File

@ -19,3 +19,15 @@
.row > [class*='col-']:last-child {
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;
}
}