mirror of
https://gitea.com/gitea/docs.git
synced 2026-06-26 14:16:22 +00:00
Add subscription and community components (#47)
Close #46 Same as those in [blog](https://gitea.com/gitea/blog/pulls/272), but for docs and api Ejected DocPage (unsafe to eject) and ApiDoc (safe to eject) for layout changes  Screenshots  Co-authored-by: techknowlogick <techknowlogick@noreply.gitea.com> Co-authored-by: techknowlogick <techknowlogick@gitea.io> Reviewed-on: https://gitea.com/gitea/gitea-docusaurus/pulls/47 Co-authored-by: HesterG <hestergong@gmail.com> Co-committed-by: HesterG <hestergong@gmail.com>
This commit is contained in:
21
src/components/Input/index.js
Normal file
21
src/components/Input/index.js
Normal file
@@ -0,0 +1,21 @@
|
||||
import clsx from "clsx";
|
||||
import React from "react";
|
||||
|
||||
import styles from "./styles.module.css";
|
||||
|
||||
const Input = (props) => {
|
||||
const classes = clsx(props.className, styles.input)
|
||||
|
||||
return (
|
||||
<input
|
||||
{...props}
|
||||
className={classes}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
Input.defaultProps = {
|
||||
type: "text",
|
||||
}
|
||||
|
||||
export default Input
|
||||
23
src/components/Input/styles.module.css
Normal file
23
src/components/Input/styles.module.css
Normal file
@@ -0,0 +1,23 @@
|
||||
.input {
|
||||
display: flex;
|
||||
height: 55px;
|
||||
padding: 0 2rem;
|
||||
align-items: center;
|
||||
border-radius: calc(var(--ifm-global-border-radius) / 2);
|
||||
border: none;
|
||||
background: var(--palette-rock);
|
||||
font-size: var(--font-size-normal);
|
||||
color: var(--ifm-color-white);
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
.input:focus {
|
||||
outline: none;
|
||||
border-color: var(--ifm-color-white);
|
||||
}
|
||||
|
||||
.input:placeholder {
|
||||
color: var(--palette-pale-blue);
|
||||
font-size: var(--font-size-normal);
|
||||
font-weight: var(--ifm-font-weight-bold);
|
||||
}
|
||||
Reference in New Issue
Block a user