fix: change placeholder to include the 'with @'

This commit is contained in:
Eliot Sanford
2021-10-31 23:19:54 -05:00
parent 71d1fafbd6
commit 9b24ae64c9
+1 -1
View File
@@ -57,7 +57,7 @@ const Social = (props) => {
</div>
<div className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/hashnode.svg" className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4" alt="hashnode" />
<input id="hashnode" placeholder="hashnode @username" className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700" value={social.hashnode} onChange={(event) => handleSocialChange('hashnode', event)} />
<input id="hashnode" placeholder="hashnode username (with @)" className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700" value={social.hashnode} onChange={(event) => handleSocialChange('hashnode', event)} />
</div>
<div className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0">
<img src="https://cdn.jsdelivr.net/npm/simple-icons@3.1.0/icons/medium.svg" className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4" alt="medium" />