系统维护工具

Linux webm017.cluster130.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid x86_64
PHP/7.4.33
服务器IP : 10.130.20.17 & 您的IP : 216.73.216.193
域名 : 无法读取 [ /etc/named.conf ]
用户 : koaigpw

登出

+ / home / koaigpw / budomat.net.pl_backup / wp-content / plugins / astra-sites / inc / lib / onboarding / assets / src / ui / [ 返回根目录 ]

名称	大小	权限	修改时间	操作
..	-	-	-
style.js	2.03 KB	-rw-r--r--	2025-10-30 08:12

>_终端

输入 'help' 查看可用命令。

koaigpw@

新建文件

文件名

重命名

新名称

Create WordPress User

代码编辑器 :style.js

import styled from 'styled-components';

export const Row = styled.div`
	display: ${ ( props ) => ( props.hidden ? 'none' : 'flex' ) };
	justify-content: space-between;
	${ ( props ) =>
		props.maxHeight &&
		`
		max-height: ${ props.maxHeight }px;
	` }
`;

export const Col = styled.div`
	width: 50%;
	${ ( props ) =>
		props.width &&
		`
        width: ${ props.width };
    ` }
`;

export const Button = styled.button`
	color: var( --st-background-primary );
	border: none;
	margin-top: 1em;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	background: var( --st-color-accent );
	border-radius: var( --st-border-radius-6 );
	margin: 0;
	cursor: pointer;
	line-height: 1;
	font-size: 15px;
	font-weight: var( --st-font-weight-bold );
	padding: 15px 28px;
	transition: background 200ms ease-in-out;

&:hover {
		background: var( --st-color-accent-hover );
	}

&:focus {
		outline: none;
		background: var( --st-color-accent-hover );
	}

svg {
		fill: #fff;
	}

${ ( props ) =>
		props.before &&
		`
        svg {
            margin: 0 12px 0 0;
        }
    ` }

${ ( props ) =>
		props.after &&
		`
        svg {
			margin: 0 0 0 12px;
        }
    ` }

${ ( props ) =>
		props.ml1 &&
		`
        margin-left: 1em;
    ` }

${ ( props ) =>
		props.type &&
		'primary' === props.type &&
		`
		background: #2271b1;
    ` }

${ ( props ) =>
		props.type &&
		'secondary' === props.type &&
		`
		background: #f6f7f7;
		color: #2563EB;
		border-color: #2271b1;
		&:hover {
			background: #f6f7f7;
		}
		&:focus {
			background: #f6f7f7;
		}
    ` }
`;

export const Progress = styled.progress`
	width: 100%;
`;

export const Link = styled.span`
	cursor: pointer;
	font-size: var(--st-font-size-xs);
	color: var(--st-color-body);

svg {
		fill: #757575;
	}

&: hover,
	&: focus {
		color: #2d4ad1;
		outline: none;

svg {
			fill: #2d4ad1;
		}
	}

${ ( props ) =>
		props.$before &&
		`
		svg {
			margin-right: 10px;
		}
	` }

${ ( props ) =>
		props.$after &&
		`
		svg {
			margin-left: 10px;
		}
	` }
`;