jcreek/EstimationPoker
1
0
Fork 0
mirror of https://github.com/jcreek/EstimationPoker.git synced 2026-07-13 02:53:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(*): Restyle the estimate groups list component

Browse Source
This commit is contained in:
Josh Creek
2023-07-10 18:42:01 +01:00
parent 7acc25c7c7
commit dce909b25c
1 changed files with 51 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/EstimateGroupsList.svelte
+51 -1
View File
@@ -7,7 +7,7 @@
<ul> <ul>
{#each Object.keys(estimateGroups) as estimate} {#each Object.keys(estimateGroups) as estimate}
<li> <li>
Estimate: {estimate} <h4>{estimate}</h4>
<ul> <ul>
{#if estimateGroups[estimate].length >= 5} {#if estimateGroups[estimate].length >= 5}
<li>5+ people</li> <li>5+ people</li>
@@ -21,3 +21,53 @@
{/each} {/each}
</ul> </ul>
</div> </div>
<style>
#estimate-groups-list {
margin-bottom: 30px;
text-align: center;
}
#estimate-groups-list h2 {
font-size: 24px;
margin-bottom: 10px;
}
#estimate-groups-list ul {
list-style-type: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#estimate-groups-list li {
background-color: #f4f4f4;
padding: 10px;
margin: 10px;
text-align: center;
}
#estimate-groups-list h4 {
font-size: 18px;
margin-bottom: 5px;
}
#estimate-groups-list ul ul {
margin-top: 5px;
text-align: left;
}
#estimate-groups-list ul ul li {
font-size: 14px;
color: #888;
}
#estimate-groups-list ul ul li::before {
content: '- ';
color: #ccc;
display: inline;
margin-right: 5px;
}
</style>