back round 0 view raw

appview/pages: make language indicator spherical #450

merged
opened by oppi.li targeting master from push-uwotwontksrz
options
unified split
Changed files
+5 -4
appview
pages
templates
user
fragments
repoCard.html
+5 -4
appview/pages/templates/user/fragments/repoCard.html 
···

       
28

       
 

       
{{ define "repoStats" }}


     

       
29

       
 

       
  <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">


     

       
30

       
 

       
    {{ with .Language }}


     

       
31

       
-

       
        <div class="flex gap-2 items-center text-sm">


     

       
32

       
-

       
          <div class="size-2 rounded-full" style="background-color: {{ langColor . }};"></div>


     

       
33

       
-

       
            <span>{{ . }}</span>


     

       
34

       
-

       
        </div>


     

       

       

       
     

       
35

       
 

       
    {{ end }}


     

       
36

       
 

       
    {{ with .StarCount }}


     

       
37

       
 

       
        <div class="flex gap-1 items-center text-sm">


     
···

       
28

       
 

       
{{ define "repoStats" }}


     

       
29

       
 

       
  <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">


     

       
30

       
 

       
    {{ with .Language }}


     

       
31

       
+

       
      <div class="flex gap-2 items-center text-sm">


     

       
32

       
+

       
        <div class="size-2 rounded-full" 


     

       
33

       
+

       
          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>


     

       
34

       
+

       
        <span>{{ . }}</span>


     

       
35

       
+

       
      </div>


     

       
36

       
 

       
    {{ end }}


     

       
37

       
 

       
    {{ with .StarCount }}


     

       
38

       
 

       
        <div class="flex gap-1 items-center text-sm">