This repository has no description
adjust profile classes
author
damedotblog
date
(Feb 14, 2025, 1:26 PM -0500)
commit
a18d18b5
a18d18b521636d5fbd29073f65e6a97eead7d676
parent
244ddefe
244ddefe0b010a70cd781a05ad31715a422fc0fb
+20
-14
+4
-4
src/components/UserProfile/ScoreGauge.js
+4
-4
src/components/UserProfile/ScoreGauge.js
···
15
15
16
16
const cx = 200;
17
17
const cy = 200;
18
-
const iR = 30;
18
+
const iR = 50;
19
19
const oR = 150;
20
20
21
21
const needle = (value, data, cx, cy, iR, oR, color) => {
22
22
const total = MAX_SCORE;
23
23
const ang = 180.0 * (1 - value / total);
24
-
const length = (iR + 2 * oR) / 3;
24
+
const length = (iR + 2 * oR) / 2.5;
25
25
const sin = Math.sin(-RADIAN * ang);
26
26
const cos = Math.cos(-RADIAN * ang);
27
-
const r = 5;
27
+
const r = 8;
28
28
const x0 = cx + 5;
29
29
const y0 = cy + 5;
30
30
const xba = x0 + r * sin;
···
46
46
};
47
47
48
48
return (
49
-
<div className="score-gauge" style={{ width: '100%', height: 300 }}>
49
+
<div className="score-gauge" style={{ width: '100%', height: 250 }}>
50
50
<ResponsiveContainer>
51
51
<PieChart>
52
52
<Pie
+2
-2
src/components/UserProfile/UserProfile.css
+2
-2
src/components/UserProfile/UserProfile.css
···
84
84
}
85
85
86
86
.toggle-switch {
87
-
margin-top: 57.5px;
87
+
margin-top: 50px;
88
88
}
89
89
90
90
.toggle-button {
···
122
122
.user-profile-header-rechart {
123
123
max-width: 416.5px;
124
124
margin: auto;
125
-
height: 179.5px;
125
+
height: 185px;
126
126
display: flex;
127
127
align-items: center;
128
128
justify-content: center;
+14
-8
src/components/UserProfile/UserProfile.js
+14
-8
src/components/UserProfile/UserProfile.js
···
100
100
<div className={`user-profile ${showContent ? "fade-in" : "hidden"}`}>
101
101
<div className="user-profile-header">
102
102
<div className="user-profile-header-main">
103
-
<h1>{displayName}</h1>
104
-
<h2>@{resolvedHandle}</h2>
105
-
<p><strong>Combined Score: {selectedAccountData.combinedScore}</strong></p>
106
-
<p><strong>Overall Status: {selectedAccountData.activityAll.activityStatus}</strong></p>
107
-
<p>Bluesky Score: {selectedAccountData.blueskyScore}</p>
108
-
<p>Bluesky Status: {selectedAccountData.activityAll.bskyActivityStatus}</p>
109
-
<p>Atproto Score: {selectedAccountData.atprotoScore}</p>
110
-
<p>Atproto Status: {selectedAccountData.activityAll.atprotoActivityStatus}</p>
103
+
<div className="user-profile-name">
104
+
<h1>{displayName}</h1>
105
+
<h2>@{resolvedHandle}</h2>
106
+
</div>
107
+
<div className="user-profile-score">
108
+
<p><strong>Combined Score: {selectedAccountData.combinedScore}</strong></p>
109
+
<p>Bluesky Score: {selectedAccountData.blueskyScore}</p>
110
+
<p>Atproto Score: {selectedAccountData.atprotoScore}</p>
111
+
</div>
112
+
<div className="user-profile-activity">
113
+
<p><strong>Overall Status: {selectedAccountData.activityAll.activityStatus}</strong></p>
114
+
<p>Bluesky Status: {selectedAccountData.activityAll.bskyActivityStatus}</p>
115
+
<p>Atproto Status: {selectedAccountData.activityAll.atprotoActivityStatus}</p>
116
+
</div>
111
117
</div>
112
118
113
119
<div className="user-profile-header-rechart">