noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 12:27:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #217 from arifszn/216-bg-color

Browse Source 
Tweak background color
This commit is contained in:
Ariful Alam
2022-10-24 15:34:25 +06:00
committed by GitHub
parent 17ff018f87 b69f052c54
commit dc3724eb2c
4 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gitprofile.config.js
View File

@@ -87,7 +87,7 @@ const config = {
snippetVersion: 6, snippetVersion: 6,
}, },
themeConfig: { themeConfig: {
defaultTheme: 'night', defaultTheme: 'business',
// Hides the switch in the navbar // Hides the switch in the navbar
// Useful if you want to support a single color mode // Useful if you want to support a single color mode

8
src/components/GitProfile.jsx
View File

@@ -25,6 +25,8 @@ import PropTypes from 'prop-types';
import '../assets/index.css'; import '../assets/index.css';
import { formatDistance } from 'date-fns'; import { formatDistance } from 'date-fns';
const bgColor = 'bg-base-300';
const GitProfile = ({ config }) => { const GitProfile = ({ config }) => {
const [error, setError] = useState( const [error, setError] = useState(
typeof config === 'undefined' && !config ? noConfigError : null typeof config === 'undefined' && !config ? noConfigError : null
@@ -144,7 +146,7 @@ const GitProfile = ({ config }) => {
) : ( ) : (
sanitizedConfig && ( sanitizedConfig && (
<Fragment> <Fragment>
<div className="p-4 lg:p-10 min-h-full bg-base-200"> <div className={`p-4 lg:p-10 min-h-full ${bgColor}`}>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6 rounded-box"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 rounded-box">
<div className="col-span-1"> <div className="col-span-1">
<div className="grid grid-cols-1 gap-6"> <div className="grid grid-cols-1 gap-6">
@@ -199,7 +201,9 @@ const GitProfile = ({ config }) => {
</div> </div>
</div> </div>
</div> </div>
<footer className="p-4 footer bg-base-200 text-base-content footer-center"> <footer
className={`p-4 footer ${bgColor} text-base-content footer-center`}
>
<div className="card compact bg-base-100 shadow"> <div className="card compact bg-base-100 shadow">
<a <a
className="card-body" className="card-body"

6
src/components/blog/index.jsx
View File

@@ -181,10 +181,10 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
<div className="grid grid-cols-2 gap-6"> <div className="grid grid-cols-2 gap-6">
<div className="col-span-2"> <div className="col-span-2">
<div <div
className={`card compact ${ className={`card compact bg-base-100 ${
loading || (articles && articles.length) loading || (articles && articles.length)
? 'bg-gradient-to-br to-base-200 from-base-100 shadow' ? 'card compact shadow bg-opacity-40'
: 'bg-base-100 shadow-lg' : 'shadow-lg'
}`} }`}
> >
<div className="card-body"> <div className="card-body">

2
src/components/project/index.jsx
View File

@@ -132,7 +132,7 @@ const Project = ({ repo, loading, github, googleAnalytics }) => {
<div className="col-span-1 lg:col-span-2"> <div className="col-span-1 lg:col-span-2">
<div className="grid grid-cols-2 gap-6"> <div className="grid grid-cols-2 gap-6">
<div className="col-span-2"> <div className="col-span-2">
<div className="card compact bg-gradient-to-br to-base-200 from-base-100 shadow"> <div className="card compact bg-base-100 shadow bg-opacity-40">
<div className="card-body"> <div className="card-body">
<div className="mx-3 flex items-center justify-between mb-2"> <div className="mx-3 flex items-center justify-between mb-2">
<h5 className="card-title"> <h5 className="card-title">