trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-05-13 13:17:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: black background bug

Browse source
This commit is contained in:
trafficlunar 2026-04-06 16:22:36 +01:00
parent a79d668cdd
commit 0671bcbfba
1 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/app/globals.css
View file

@ -19,21 +19,6 @@
} }
} }
body {
@apply bg-amber-50 text-slate-800;
--color1: var(--color-amber-50);
--color2: var(--color-amber-100);
background-image:
repeating-linear-gradient(45deg, var(--color1) 25%, transparent 25%, transparent 75%, var(--color1) 75%, var(--color1)),
repeating-linear-gradient(45deg, var(--color1) 25%, var(--color2) 25%, var(--color2) 75%, var(--color1) 75%, var(--color1));
background-position:
0 0,
10px 10px;
background-size: 20px 20px;
}
.pill { .pill {
@apply flex justify-center items-center px-5 py-2 bg-orange-300 border-2 border-orange-400 rounded-3xl shadow-md; @apply flex justify-center items-center px-5 py-2 bg-orange-300 border-2 border-orange-400 rounded-3xl shadow-md;
} }
@ -150,3 +135,17 @@ input[type="range"]:hover::-webkit-slider-thumb {
input[type="range"]:hover::-moz-range-thumb { input[type="range"]:hover::-moz-range-thumb {
@apply not-disabled:bg-orange-500; @apply not-disabled:bg-orange-500;
} }
body {
@apply bg-amber-50 text-slate-800;
/* syntax highlighting is a bit broken when it's at the top so it's at the bottom */
background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">\
<rect width="10" height="10" fill="%23fef3c6"/>\
<rect x="10" y="10" width="10" height="10" fill="%23fef3c6"/>\
<rect x="10" width="10" height="10" fill="%23fffbeb"/>\
<rect y="10" width="10" height="10" fill="%23fffbeb"/>\
</svg>');
background-size: 20px 20px;
}