mirrors/decky-plugin-template
1
0
Fork 0
mirror of https://github.com/SteamDeckHomebrew/decky-plugin-template.git synced 2025-11-04 00:02:25 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add example styled component

Browse source
This commit is contained in:
noot 2023-01-02 18:49:34 -05:00
commit 32383bd04b
2 changed files with 22 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/StyledComponent.tsx Normal file
View file

@ -0,0 +1,17 @@
import styled from "styled-components";
const Title = styled.h1`
color: red;
text-align: center;
`;
const Wrapper = styled.section`
padding: 4em;
background: papayawhip;
`;
export default () => (
<Wrapper>
<Title>This is a Styled Component!</Title>
</Wrapper>
);

5
src/index.tsx
View file

@ -15,6 +15,7 @@ import { VFC } from "react";
import { FaShip } from "react-icons/fa"; import { FaShip } from "react-icons/fa";
import logo from "../assets/logo.png"; import logo from "../assets/logo.png";
import StyledComponent from "./StyledComponent";
// interface AddMethodArgs { // interface AddMethodArgs {
// left: number; // left: number;
@ -57,6 +58,10 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
</ButtonItem> </ButtonItem>
</PanelSectionRow> </PanelSectionRow>
<PanelSectionRow>
<StyledComponent />
</PanelSectionRow>
<PanelSectionRow> <PanelSectionRow>
<div style={{ display: "flex", justifyContent: "center" }}> <div style={{ display: "flex", justifyContent: "center" }}>
<img src={logo} /> <img src={logo} />