Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-04-29 12:03:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

blur backdrops for better background image support

Browse Source
This commit is contained in:
Ben Phelps 2022-09-11 13:46:01 +03:00
parent b8b8dad9fb
commit ed65c89516
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/bookmarks/item.jsx
View File

@ -6,7 +6,7 @@ export default function Item({ bookmark }) {
<button <button
type="button" type="button"
onClick={() => window.open(bookmark.href, "_blank").focus()} onClick={() => window.open(bookmark.href, "_blank").focus()}
className="w-full text-left mb-3 cursor-pointer rounded-md font-medium text-theme-700 hover:text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-black/10 dark:shadow-black/20 bg-white/50 hover:bg-theme-300/10 dark:bg-white/10 dark:hover:bg-white/20" className="w-full text-left mb-3 cursor-pointer rounded-md font-medium text-theme-700 hover:text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-black/10 dark:shadow-black/20 bg-white/50 hover:bg-theme-300/10 dark:bg-white/10 dark:hover:bg-white/20 backdrop-blur-md"
> >
<div className="flex"> <div className="flex">
<div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 hover:text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md"> <div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 hover:text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md">

2
src/components/services/item.jsx
View File

@ -28,7 +28,7 @@ export default function Item({ service }) {
<div <div
className={`${ className={`${
service.href && service.href !== "#" ? "cursor-pointer " : "cursor-default " service.href && service.href !== "#" ? "cursor-pointer " : "cursor-default "
}transition-all h-15 overflow-hidden mb-3 p-1 rounded-md font-medium text-theme-700 hover:text-theme-700/70 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-black/10 dark:shadow-black/20 bg-white/50 hover:bg-theme-300/20 dark:bg-white/10 dark:hover:bg-white/20`} }transition-all h-15 mb-3 p-1 rounded-md font-medium text-theme-700 hover:text-theme-700/70 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-black/10 dark:shadow-black/20 bg-white/50 hover:bg-theme-300/20 dark:bg-white/10 dark:hover:bg-white/20 backdrop-blur-md`}
> >
<div className="flex"> <div className="flex">
{service.icon && ( {service.icon && (

2
src/components/widgets/resources/usage-bar.jsx
View File

@ -1,6 +1,6 @@
export default function UsageBar({ percent }) { export default function UsageBar({ percent }) {
return ( return (
<div className="mt-0.5 w-full bg-theme-800/30 rounded-full h-1 dark:bg-white/20"> <div className="mt-0.5 w-full bg-theme-800/30 rounded-full h-1 dark:bg-white/20 backdrop-blur-md">
<div <div
className="bg-theme-800/70 h-1 rounded-full dark:bg-white/50" className="bg-theme-800/70 h-1 rounded-full dark:bg-white/50"
style={{ style={{

3
src/components/widgets/search/search.jsx
View File

@ -62,7 +62,8 @@ export default function Search({ options }) {
bg-white/50 dark:bg-white/10 bg-white/50 dark:bg-white/10
focus:ring-theme-500 dark:focus:ring-white/50 focus:ring-theme-500 dark:focus:ring-white/50
focus:border-theme-500 dark:focus:border-white/50 focus:border-theme-500 dark:focus:border-white/50
border border-theme-300 dark:border-theme-200/50" border border-theme-300 dark:border-theme-200/50
backdrop-blur-md"
placeholder={t("search.placeholder")} placeholder={t("search.placeholder")}
onChange={(s) => setQuery(s.currentTarget.value)} onChange={(s) => setQuery(s.currentTarget.value)}
required required