JoeKung/Progetto-m152-Angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Centered div

Browse Source
This commit is contained in:
grata
2023-05-07 10:23:14 +02:00
parent dc81f889e5
commit 4bd18c6d62
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/component/list/list.component.css
View File

@@ -46,8 +46,13 @@ h4 {
.right { .right {
width: 60%; width: 60%;
display: flex; display: flex;
justify-items: center; justify-content: center;
} }
#radial {
align-self: center;
}
.container2 { .container2 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

6
src/app/component/list/list.component.html
View File

@@ -31,7 +31,11 @@
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div class="radial-progress text-primary" style="--value:70; --size:12rem; --thickness: 1.5rem;"><span style="font-size: 20pt">70%</span></div> <div class="radial-progress text-primary" id="radial" style="--value:70; --size:12rem; --thickness: 1.5rem;">
<span style="font-size: 20pt">
70%
</span>
</div>
</div> </div>
</div> </div>
</div> </div>