opensource/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash.git synced 2025-11-01 10:56:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

improve (share): CSS for shared link box

Browse Source
This commit is contained in:
Mickael Kerjean
2022-11-16 23:04:48 +11:00
parent df38fd5652
commit 07acfa3523
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/pages/filespage/share.js
View File

@ -1,6 +1,6 @@
import React, { createRef } from "react"; import React, { createRef } from "react";
import { NgIf, Icon } from "../../components/"; import { NgIf, Icon, Input } from "../../components/";
import { Share } from "../../model/"; import { Share } from "../../model/";
import { import {
randomString, notify, absoluteToRelative, copyToClipboard, filetype, randomString, notify, absoluteToRelative, copyToClipboard, filetype,
@ -343,7 +343,7 @@ const SuperCheckbox = (props) => {
{props.label} {props.label}
</label> </label>
<NgIf cond={_is_expended && props.inputType !== undefined}> <NgIf cond={_is_expended && props.inputType !== undefined}>
<input <Input
type={props.inputType} type={props.inputType}
placeholder={props.placeholder} placeholder={props.placeholder}
value={props.value || ""} value={props.value || ""}

16
client/pages/filespage/share.scss
View File

@ -26,8 +26,9 @@
padding: 15px 0; padding: 15px 0;
width: 100%; width: 100%;
border-radius: 3px; border-radius: 3px;
color: rgba(0, 0, 0, 0.3);
text-shadow: 0px 0px 1px var(--color);
background: var(--bg-color); background: var(--bg-color);
color: var(--emphasis);
&.active{ &.active{
background: var(--primary); background: var(--primary);
} }
@ -83,7 +84,6 @@
width: 100%; width: 100%;
font-size: 0.9em; font-size: 0.9em;
background: var(--bg-color); background: var(--bg-color);
color: var(--emphasis);
box-sizing: border-box; box-sizing: border-box;
padding: 4px 5px; padding: 4px 5px;
border-radius: 3px; border-radius: 3px;
@ -91,6 +91,7 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border: 2px solid var(--primary); border: 2px solid var(--primary);
border-right: none; border-right: none;
color: var(--dark);
} }
> div { > div {
border-radius: 5px; border-radius: 5px;
@ -126,10 +127,13 @@
width: calc(100% - 10px); width: calc(100% - 10px);
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--light); border: none;
border-radius: 2px; border-radius: 3px;
font-size: 0.9em; font-size: 0.9em;
padding: 2px 5px; padding: 3px 5px;
color: var(--emphasis-secondary); color: var(--color);
background: var(--bg-color);
border-bottom: 0;
} }
} }