avior/code-stats-vscode
1
0
Fork 0
mirror of https://gitlab.com/aviortheking/code-stats-vscode.git synced 2025-06-07 15:59:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Html view

Browse Source
This commit is contained in:
Valentin Ivanov 2018-04-19 22:07:23 -04:00 committed by Juha Ristolainen
parent c578f8484a
commit 454fa33ce1
1 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/xp-counter.ts
View File

@ -25,31 +25,34 @@ class HtmlProvider implements TextDocumentContentProvider {
return ` return `
<style> <style>
.tile { .tile {
display: block;
float: left; float: left;
width: 100px; width: 7rem;
height: 7rem;
min-height: 100px; padding-top: 2.5rem;
background: red; text-align: center;
margin: 2px; background: gray;
border-radius: 5%; margin: 0.1rem;
border: 10px; border-radius: 50%;
border-style: solid 2px;
border-color: black; border-color: black;
padding: 10px; color: #ddca7e;
color: white; font-size: 0.8em;
font-weight: bold;
text-align: center;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.tile span {
font-weight: bold;
font-size: 1.2em;
}
.tile:nth-child(even) { .tile:nth-child(even) {
background: blue; background: gray;
} }
</style> </style>
<div class="tile">C#</div> <div class="tile">C#<span style="display:block;">10</span></div>
<div class="tile">Elixir</div> <div class="tile">Elixir</div>
<div class="tile">TypeScript</div> <div class="tile">TypeScript</div>
<div class="tile">Rust</div> <div class="tile">Rust</div>