logos-storage/logos-storage-marketplace-ui-components
1
0
Fork 0
mirror of https://github.com/logos-storage/logos-storage-marketplace-ui-components.git synced 2026-01-08 16:33:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix minor style issues

Browse Source
This commit is contained in:
Arnaud 2024-11-26 17:51:47 +01:00
parent b3d47ca71e
commit 894c6d95d0
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
6 changed files with 32 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{
"name": "@codex-storage/marketplace-ui-components",
"version": "0.0.48",
"version": "0.0.49",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@codex-storage/marketplace-ui-components",
"version": "0.0.48",
"version": "0.0.49",
"license": "MIT",
"devDependencies": {
"@codex-storage/sdk-js": "^0.0.15",

2
package.json
View File

@ -5,7 +5,7 @@
"type": "git",
"url": "https://github.com/codex-storage/codex-marketplace-ui-components"
},
"version": "0.0.48",
"version": "0.0.49",
"type": "module",
"scripts": {
"prepack": "npm run build",

10
src/assets/icons/stop.svg
View File

@ -1,12 +1,6 @@
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 21C7.0293 21 3 16.9707 3 12C3 7.0293 7.0293 3 12 3C16.9707 3 21 7.0293 21 12C21 16.9707 16.9707 21 12 21ZM12 19.2C13.9096 19.2 15.7409 18.4414 17.0912 17.0912C18.4414 15.7409 19.2 13.9096 19.2 12C19.2 10.0904 18.4414 8.25909 17.0912 6.90883C15.7409 5.55857 13.9096 4.8 12 4.8C10.0904 4.8 8.25909 5.55857 6.90883 6.90883C5.55857 8.25909 4.8 10.0904 4.8 12C4.8 13.9096 5.55857 15.7409 6.90883 17.0912C8.25909 18.4414 10.0904 19.2 12 19.2ZM9.3 9.3H14.7V14.7H9.3V9.3Z"
fill="fillColor"
fill="currentColor"
/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 624 B

After

Width:  |  Height:  |  Size: 593 B

2
src/components/Modal/modal.css
View File

@ -15,7 +15,7 @@
position: fixed;
display: flex;
flex-direction: column;
background: rgb (35, 35, 35);
background: rgb(35, 35, 35);
border-radius: 16px;
border: none;
margin: 0;

46
src/components/Upload/UploadFile.css
View File

@ -1,28 +1,28 @@
@property --codex-upload-background-color {
@property --codex-upload-file-background-color {
syntax: "<color>";
inherits: true;
initial-value: rgba(20, 20, 20, 0.6);
}
@property --codex-upload-border-radius {
@property --codex-upload-file-border-radius {
syntax: "<length>";
inherits: false;
initial-value: 10px;
}
@property --codex-upload-border-color {
@property --codex-upload-file-border-color {
syntax: "<color>";
inherits: false;
initial-value: rgba(150, 150, 150, 0.2);
}
@property --codex-upload-color {
@property --codex-upload-file-color {
syntax: "<color>";
inherits: true;
initial-value: white;
}
@property --codex-upload-progress-color {
@property --codex-upload-file-progress-color {
syntax: "<color>";
inherits: true;
initial-value: rgb(38 38 38);
@ -30,22 +30,23 @@
.upload-file {
&[aria-invalid] {
--codex-upload-color: rgb(251, 55, 72);
--codex-upload-progress-color: rgb(251, 55, 72);
--codex-upload-file-color: rgb(251, 55, 72);
--codex-upload-file-progress-color: rgb(251, 55, 72);
}
&[data-done] {
--codex-upload-color: rgb(111, 203, 148);
--codex-upload-progress-color: rgb(111, 203, 148);
--codex-upload-file-color: rgb(111, 203, 148);
--codex-upload-file-progress-color: rgb(111, 203, 148);
}
> div {
background-color: var(
--codex-upload-background-color,
--codex-upload-file-background-color,
rgba(20, 20, 20, 0.6)
);
border-radius: var(--codex-upload-border-radius, 10px);
border: 1px solid var(--codex-upload-border-color, rgba(150, 150, 150, 0.2));
border-radius: var(--codex-upload-file-border-radius, 10px);
border: 1px solid
var(--codex-upload-file-border-color, rgba(150, 150, 150, 0.2));
padding: 1em 2rem;
margin-top: 0.5rem;
@ -62,7 +63,7 @@
flex-grow: 1;
img {
border-radius: var(--codex-upload-border-radius);
border-radius: var(--codex-upload-file-border-radius);
}
.preview {
@ -72,7 +73,7 @@
b {
display: flex;
align-items: center;
color: var(--codex-upload-color);
color: var(--codex-upload-file-color);
span {
overflow: hidden;
@ -80,7 +81,7 @@
white-space: nowrap;
max-width: 150px;
display: inline-block;
color: var(--codex-upload-color);
color: var(--codex-upload-file-color);
}
}
}
@ -103,29 +104,32 @@
progress {
flex-grow: 1;
background-color: var(--codex-upload-progress-color, rgb(38 38 38));
background-color: var(--codex-upload-file-progress-color, rgb(38 38 38));
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: var(--codex-upload-border-radius);
border-radius: var(--codex-upload-file-border-radius);
height: 0.5rem;
width: 100%;
border: none;
&[value]::-webkit-progress-bar {
background-color: var(--codex-upload-progress-color, rgb(38 38 38));
background-color: var(
--codex-upload-file-progress-color,
rgb(38 38 38)
);
border-radius: 50px;
}
&[value]::-webkit-progress-value {
background-color: var(--codex-upload-color);
background-color: var(--codex-upload-file-color);
border-radius: 50px;
}
&[value]::-moz-progress-bar {
border-radius: 50px;
background-color: var(--codex-upload-color);
background-color: var(--codex-upload-file-color);
}
}
@ -138,7 +142,7 @@
footer {
font-size: 0.85rem;
color: var(--codex-upload-color);
color: var(--codex-upload-file-color);
}
.button-icon {

2
src/components/Upload/UploadFile.tsx
View File

@ -357,6 +357,6 @@ function UploadActionIcon({ status }: UploadStatusIconProps) {
case "done":
return <CloseIcon width={17.5} height={17.5} />;
case "progress":
return <StopIcon />;
return <StopIcon width={17.5} height={17.5} />;
}
}