Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 16:22:59 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix bug with bullet points not appearing properly

Browse Source
This commit is contained in:
Amruth Pillai
2020-04-05 11:29:47 +05:30
parent a926daf577
commit 022626032d
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/index.css
View File

@ -26,10 +26,9 @@ body {
font-family: 'Montserrat', sans-serif;
}
ul li {
list-style: disc;
margin-left: 1em;
padding: 0;
ul:not(.list-none) li:before {
content: '●';
padding-right: 6px;
}
input[type='range']::-moz-range-thumb {

8
src/shared/TabBar.js
View File

@ -3,8 +3,8 @@ import React, { useRef } from 'react';
const TabBar = ({ tabs, currentTab, setCurrentTab }) => {
const tabsRef = useRef(null);
const scrollBy = x => {
const index = tabs.findIndex(tab => tab.key === currentTab);
const scrollBy = (x) => {
const index = tabs.findIndex((tab) => tab.key === currentTab);
tabsRef.current.scrollLeft += x;
if (x < 0 && index > 0) {
@ -25,8 +25,8 @@ const TabBar = ({ tabs, currentTab, setCurrentTab }) => {
<i className="material-icons">chevron_left</i>
</div>
<ul id="tabs" ref={tabsRef} className="flex overflow-x-scroll">
{tabs.map(tab =>
<ul id="tabs" ref={tabsRef} className="flex overflow-x-scroll list-none">
{tabs.map((tab) =>
currentTab === tab.key ? (
<li key={tab.key} className="mx-1 list-none">
<div className="whitespace-no-wrap bg-gray-700 text-white rounded-md text-sm py-2 px-6 font-medium">