opensource/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash.git synced 2025-11-01 02:43:35 +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 { NgIf, Icon } from "../../components/";
import { NgIf, Icon, Input } from "../../components/";
import { Share } from "../../model/";
import {
randomString, notify, absoluteToRelative, copyToClipboard, filetype,
@ -343,7 +343,7 @@ const SuperCheckbox = (props) => {
{props.label}
</label>
<NgIf cond={_is_expended && props.inputType !== undefined}>
<input
<Input
type={props.inputType}
placeholder={props.placeholder}
value={props.value || ""}

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

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