Add section title and change padding

This commit is contained in:
MD. Ariful Alam 2021-09-15 18:47:32 +06:00
parent 343ad767f0
commit d5c715e16e
4 changed files with 10 additions and 3 deletions

View File

@ -42,7 +42,7 @@ const Education = () => {
<div className="card-body"> <div className="card-body">
<ul className="menu row-span-3 bg-base-100 text-base-content"> <ul className="menu row-span-3 bg-base-100 text-base-content">
<li> <li>
<div className="pb-0-important mx-5"> <div className="pb-0-important mx-3">
<h5 className="card-title"> <h5 className="card-title">
{ {
loading ? skeleton({width: 'w-32', height: 'h-8'}) : ( loading ? skeleton({width: 'w-32', height: 'h-8'}) : (

View File

@ -42,7 +42,7 @@ const Experience = () => {
<div className="card-body"> <div className="card-body">
<ul className="menu row-span-3 bg-base-100 text-base-content"> <ul className="menu row-span-3 bg-base-100 text-base-content">
<li> <li>
<div className="pb-0-important mx-5"> <div className="pb-0-important mx-3">
<h5 className="card-title"> <h5 className="card-title">
{loading ? skeleton({width: 'w-32', height: 'h-8'}) : ( {loading ? skeleton({width: 'w-32', height: 'h-8'}) : (
<span className="opacity-70">Experience</span> <span className="opacity-70">Experience</span>

View File

@ -24,6 +24,13 @@ const Skill = () => {
(typeof config.skills !== 'undefined' && config.skills.length !== 0) && ( (typeof config.skills !== 'undefined' && config.skills.length !== 0) && (
<div className="card shadow-lg compact bg-base-100"> <div className="card shadow-lg compact bg-base-100">
<div className="card-body"> <div className="card-body">
<div className="mx-3">
<h5 className="card-title">
{loading ? skeleton({width: 'w-32', height: 'h-8'}) : (
<span className="opacity-70">Tech Stack</span>
)}
</h5>
</div>
<div className="p-3 flow-root"> <div className="p-3 flow-root">
<div className="-m-1 flex flex-wrap"> <div className="-m-1 flex flex-wrap">
{ {

View File

@ -16,7 +16,7 @@ const ThemeChanger = () => {
return ( return (
<div className="card overflow-visible shadow-lg compact bg-base-100"> <div className="card overflow-visible shadow-lg compact bg-base-100">
<div className="flex-row items-center space-x-4 flex pl-8 pr-2 py-4"> <div className="flex-row items-center space-x-4 flex pl-6 pr-2 py-4">
<div className="flex-1"> <div className="flex-1">
<h5 className="card-title"> <h5 className="card-title">
{ {