Skip to content
This repository has been archived by the owner on Aug 13, 2024. It is now read-only.

Commit

Permalink
feat: make div flex global
Browse files Browse the repository at this point in the history
  • Loading branch information
@nightknighto @0-vortex
nightknighto authored and 0-vortex committed Mar 28, 2023
1 parent 64372f4 commit 9790d30
Showing 1 changed file with 28 additions and 24 deletions.
52 changes: 28 additions & 24 deletions public/templates/UserProfile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,13 @@
box-sizing: border-box;

}

div {
display: flex;
}
</style>

<div style="display: flex;
<div style="
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
Expand All @@ -20,7 +24,7 @@
border-radius: 16px;"
>
<div style="
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
Expand All @@ -29,7 +33,7 @@
height: 134px;
">
<div style="
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
Expand Down Expand Up @@ -60,7 +64,7 @@
{{name}}
</h1>
<div style="
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
Expand All @@ -70,7 +74,7 @@
height: 46px;
">
<div style="
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
Expand All @@ -92,7 +96,7 @@
</div>

<div style="
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
Expand All @@ -102,7 +106,7 @@
height: 73px;
">
<div style="
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
Expand All @@ -112,7 +116,7 @@
height: 48px;
">
<div style="
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
Expand All @@ -122,7 +126,7 @@
height: 48px;
">
<div style="
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
Expand All @@ -134,7 +138,7 @@
border-radius: 8px;
">
<div style="
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
Expand All @@ -149,7 +153,7 @@
border-radius: 4px;
"/>
<div style="
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
Expand All @@ -174,7 +178,7 @@
</div>
</div>
<div style="
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
Expand All @@ -186,7 +190,7 @@
border-radius: 8px;
">
<div style="
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
Expand All @@ -201,7 +205,7 @@
border-radius: 4px;
"/>
<div style="
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
Expand Down Expand Up @@ -243,7 +247,7 @@
</div>

<div style="
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
Expand All @@ -252,7 +256,7 @@
height: 17px;
">
<div style="
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
Expand All @@ -263,7 +267,7 @@
height: 17px;
">
<div style="
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
Expand All @@ -274,7 +278,7 @@
height: 10.5px;
">
<div style="
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
Expand All @@ -287,42 +291,42 @@
border-radius: 20px;
">
<div style="
display: flex;
width: 513px;
height: 10.5px;
background: #3A5CCC;
">
</div>
<div style="
display: flex;
width: 513px;
height: 10.5px;
background: #FFB224;
">
</div>
<div style="
display: flex;
width: 30px;
height: 10.5px;
background: #E93D82;
">
</div>
<div style="
display: flex;
width: 30px;
height: 10.5px;
background: #AD7F58;
">
</div>
<div style="
display: flex;
width: 19px;
height: 10.5px;
background: #E54D2E;
">
</div>
<div style="
display: flex;
width: 11px;
height: 10.5px;
background: #C1C8CD;
Expand Down

0 comments on commit 9790d30

Please sign in to comment.