efim/some-automoderation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: spread out low person count

Browse Source 
for 2 people tan is huge, so radius becomes ~0, hardcode for radius
~image size

and in css --r add part of image for 'offces from center'
This commit is contained in:
efim
2023-11-19 06:47:43 +00:00
parent af53bda10e
commit b13a43aa71
4 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
routes/in.css
View File

@@ -12,14 +12,13 @@
/* https://stackoverflow.com/questions/12813573/position-icons-into-circle */
.circle-container {
--d: 7em; /* image size */
--rel: 1; /* how much extra space we want between images, 1 = one image size */
--r: calc(.5*(1 + var(--rel))*var(--d)/var(--tan)); /* circle radius */
--d: 10rem; /* the image size */
--rel: 0.5; /* how much extra space we want between images, 1 = one image size */
--r: calc(.5*(1 + var(--rel))*var(--d)/var(--tan) + 0.4*var(--d)); /* circle radius */
--s: calc(2*var(--r) + var(--d)); /* container size */
position: relative;
width: var(--s);
height: var(--s);
/* background: silver /\* to show images perfectly fit in container *\/ */
}
.circle-container .person-bricks {