mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-16 17:51:43 +10:00
90% completed, only final touches left
This commit is contained in:
@ -17,7 +17,7 @@ const TabBar = ({ tabs, currentTab, setCurrentTab }) => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="my-6 mx-4 flex items-center">
|
||||
<div className="mx-4 mb-6 flex items-center">
|
||||
<div
|
||||
className="flex mr-1 cursor-pointer select-none text-gray-600 hover:text-gray-800"
|
||||
onClick={() => scrollBy(-100)}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import React from 'react';
|
||||
|
||||
const TextField = ({ label, placeholder, value, onChange, className }) => (
|
||||
const TextField = ({ label, placeholder, value, onChange, className, disabled }) => (
|
||||
<div className={`w-full flex flex-col ${className}`}>
|
||||
{label && (
|
||||
<label className="uppercase tracking-wide text-gray-600 text-xs font-semibold mb-2">
|
||||
@ -10,6 +10,7 @@ const TextField = ({ label, placeholder, value, onChange, className }) => (
|
||||
<input
|
||||
className="appearance-none block w-full bg-gray-200 text-gray-800 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
|
||||
type="text"
|
||||
disabled={disabled}
|
||||
value={value}
|
||||
onChange={e => onChange(e.target.value)}
|
||||
placeholder={placeholder}
|
||||
|
||||
Reference in New Issue
Block a user