Skip to content

Commit 2c9ff10

Browse files
ben221199ben221199
committed
Fix button placement
1 parent 1de6f05 commit 2c9ff10

2 files changed

Lines changed: 45 additions & 43 deletions

File tree

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
33
<head prefix="og: https://ogp.me/ns#">
44
<meta charset="UTF-8" />

‎src/components/StreamClaim.tsx‎

Lines changed: 44 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -103,52 +103,54 @@ function StreamClaim({ data }: Props & { data: Stream }): JSX.Element {
103103

104104
return (
105105
<div>
106-
<h1>{data.value?.title}</h1>
107-
<Link
108-
onClick={(event): void => {
109-
event.preventDefault();
110-
LBRY.rpc(
111-
LBRY.getDaemonRPC(),
112-
LBRY.FILE_REFLECT,
113-
{ stream_hash: claimGetData.stream_hash },
114-
undefined,
115-
LBRY.isUsingProxy(),
116-
).then((json: object): void => {
117-
alert("Reflected " + json.result.length + " blobs.");
118-
});
119-
}}
120-
style={{ margin: "0 8px" }}
121-
to={null}
122-
>
123-
<button
124-
style={{
125-
backgroundColor: "rgba(17, 17, 17, 0.4)",
126-
// backgroundColorHover: 'rgba(17, 17, 17, 0.7)',
127-
border: "none",
128-
borderRadius: "6px",
129-
color: "white",
130-
cursor: "pointer",
131-
fontWeight: "700",
132-
height: "40px",
133-
padding: "0 16px",
106+
<div style={{ textAlign: "right" }}>
107+
<Link
108+
onClick={(event): void => {
109+
event.preventDefault();
110+
LBRY.rpc(
111+
LBRY.getDaemonRPC(),
112+
LBRY.FILE_REFLECT,
113+
{ stream_hash: claimGetData.stream_hash },
114+
undefined,
115+
LBRY.isUsingProxy(),
116+
).then((json: object): void => {
117+
alert("Reflected " + json.result.length + " blobs.");
118+
});
134119
}}
120+
style={{ margin: "0 8px" }}
121+
to={null}
135122
>
136-
<CustomSVG
137-
icon="publish"
138-
viewBox="0 0 24 24"
123+
<button
139124
style={{
140-
fill: "transparent",
141-
height: "18px",
142-
paddingRight: "4px",
143-
stroke: "white",
144-
strokeLinecap: "round",
145-
strokeWidth: "2px",
146-
verticalAlign: "middle",
125+
backgroundColor: "rgba(17, 17, 17, 0.4)",
126+
// backgroundColorHover: 'rgba(17, 17, 17, 0.7)',
127+
border: "none",
128+
borderRadius: "6px",
129+
color: "white",
130+
cursor: "pointer",
131+
fontWeight: "700",
132+
height: "40px",
133+
padding: "0 16px",
147134
}}
148-
/>{" "}
149-
<span>Reflect claim file</span>
150-
</button>
151-
</Link>
135+
>
136+
<CustomSVG
137+
icon="publish"
138+
viewBox="0 0 24 24"
139+
style={{
140+
fill: "transparent",
141+
height: "18px",
142+
paddingRight: "4px",
143+
stroke: "white",
144+
strokeLinecap: "round",
145+
strokeWidth: "2px",
146+
verticalAlign: "middle",
147+
}}
148+
/>{" "}
149+
<span>Reflect claim file</span>
150+
</button>
151+
</Link>
152+
</div>
153+
<h1>{data.value?.title}</h1>
152154
{data.value?.stream_type === "audio" ? (
153155
<div>
154156
<audio controls src={claimGetData?.streaming_url || null}></audio>

0 commit comments

Comments
 (0)