radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-11-15 11:20:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Move some modal css to component

Browse Source
This commit is contained in:
Alexis Sellier
2021-05-05 15:07:38 +02:00
parent f74f45bc88
commit dc06ba4f9d
2 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.css
-35
View File
@@ -188,41 +188,6 @@ input.wide {
width: 44ch;
}
.modal {
padding: 2rem 3rem;
border: 1px solid var(--color-secondary);
background: var(--color-background);
box-shadow: 8px 8px 64px var(--box-shadow-color);
min-width: 480px;
max-width: 760px;
text-align: center;
}
.modal.modal-subtle {
border: none;
box-shadow: none;
background: radial-gradient(
var(--color-glow) 0%,
transparent 70%
);
}
.modal-title {
font-size: 1.75rem;
line-height: 1.75rem;
margin-bottom: 2rem;
color: var(--color-secondary);
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
.modal-body {
overflow-x: hidden;
text-overflow: ellipsis;
margin: 3rem 0;
}
.modal-actions {
margin-top: 2rem;
text-align: center;
}
.modal-actions button {
margin-right: 1rem;
}
src/Modal.svelte
+35
View File
@@ -23,6 +23,41 @@
z-index: 200;
background-color: rgba(0, 0, 0, .75);
}
.modal {
padding: 2rem 3rem;
border: 1px solid var(--color-secondary);
background: var(--color-background);
box-shadow: 8px 8px 64px var(--box-shadow-color);
min-width: 480px;
max-width: 760px;
text-align: center;
}
.modal.modal-subtle {
border: none;
box-shadow: none;
background: radial-gradient(
var(--color-glow) 0%,
transparent 70%
);
}
.modal-title {
font-size: 1.75rem;
line-height: 1.75rem;
margin-bottom: 2rem;
color: var(--color-secondary);
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
.modal-body {
overflow-x: hidden;
text-overflow: ellipsis;
margin: 3rem 0;
}
.modal-actions {
margin-top: 2rem;
text-align: center;
}
</style>
{#if floating}