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

Unify border-radius

Browse Source 
Signed-off-by: Brandon Oxendine <brandon.oxendine@gmail.com>
Signed-off-by: Alexis Sellier <self@cloudhead.io>
This commit is contained in:
Brandon Oxendine
2022-08-08 18:31:49 +02:00
committed by Alexis Sellier
parent 01f7af357d
commit 6edbd37c4c
39 changed files with 72 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.css
+10 -10
View File
@@ -74,10 +74,9 @@
--font-family-monospace: monospace;
--font-weight-medium: 600;
--font-weight-bold: 700;
--border-radius: 50px;
--border-radius-medium: 0.25rem;
--border-radius: 1rem;
--border-radius-small: 0.5rem;
--border-radius-round: 10rem;
--box-shadow-color: var(--color-secondary-2);
--content-max-width: 1920px;
@@ -141,7 +140,7 @@ html {
}
*::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 4px;
border-radius: var(--border-radius);
}
*::-webkit-scrollbar-corner {
background: transparent;
@@ -175,7 +174,7 @@ button {
font-size: 1rem;
padding: 0rem 1.5rem;
border: 1px solid var(--color-foreground-6);
border-radius: var(--border-radius);
border-radius: var(--border-radius-round);
cursor: pointer;
min-width: 6rem;
height: var(--button-regular-height);
@@ -293,8 +292,8 @@ input[type="text"] {
color: var(--color-foreground);
background: transparent;
border: 1px solid var(--color-secondary);
border-radius: var(--border-radius);
padding: 0rem 1.5rem;
border-radius: var(--border-radius-round);
padding: 1rem 1.5rem;
margin: 1rem;
height: var(--button-regular-height);
}
@@ -335,10 +334,11 @@ label.input {
.dropdown, .popup {
background-color: var(--color-foreground-background);
margin-top: 0.5rem;
padding: 0.5rem 0;
position: absolute;
box-shadow: 16px 16px 32px 32px var(--color-shadow);
z-index: 10;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
}
.error {
@@ -458,7 +458,7 @@ span.small, .text-xsmall {
.notice {
font-size: 0.875rem;
border-radius: 0.25rem;
border-radius: var(--border-radius);
color: var(--color-yellow);
background-color: var(--color-yellow-background);
padding: 1rem;
src/Avatar.svelte
+1 -1
View File
@@ -32,7 +32,7 @@
<style>
.avatar {
display: block;
border-radius: 50%;
border-radius: var(--border-radius-round);
min-width: 1rem;
min-height: 1rem;
height: 100%;
src/BlockTimer.svelte
+2 -2
View File
@@ -17,13 +17,13 @@
text-align: center;
height: 0.5rem;
width: 100%;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
background-color: var(--color-secondary-background);
}
.loader {
height: 0.5rem;
width: 0px;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
background-color: var(--color-secondary);
}
</style>
src/Blockies.svelte
+1 -1
View File
@@ -26,7 +26,7 @@
min-height: 1rem;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
border-radius: var(--border-radius-round);
}
.icon.glowOnHover:hover {
box-shadow: 0 0 3rem var(--color-secondary);
src/Card.svelte
+2 -2
View File
@@ -37,7 +37,7 @@
padding: 1rem;
display: inline-block;
text-align: center;
border-radius: 1rem;
border-radius: var(--border-radius);
}
.card::last-child {
margin-right: 0;
@@ -56,7 +56,7 @@
display: inline-block;
font-weight: var(--font-weight-medium);
margin-top: 0.75rem;
border-radius: 0.75rem;
border-radius: var(--border-radius);
padding: 0rem;
text-overflow: ellipsis;
overflow-x: hidden;
src/Clipboard.svelte
+1 -1
View File
@@ -26,7 +26,7 @@
stroke: var(--color-positive);
}
.clipboard:hover {
border-radius: 1.5rem;
border-radius: var(--border-radius);
}
</style>
src/Comment.svelte
+1 -1
View File
@@ -54,7 +54,7 @@
.card {
flex: 1;
border: 1px solid var(--color-foreground-3);
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
}
.card-header {
display: flex;
src/Dropdown.svelte
-6
View File
@@ -12,12 +12,6 @@
</script>
<style>
.dropdown {
background-color: var(--color-foreground-background);
padding: 0.5rem 0;
margin-top: 0.5rem;
position: absolute;
}
.dropdown-item {
white-space: nowrap;
cursor: pointer;
src/Form.svelte
+1 -1
View File
@@ -133,7 +133,7 @@
}
input.field {
border-radius: 1rem;
border-radius: var(--border-radius);
overflow: hidden;
text-overflow: ellipsis;
border-color: var(--color-secondary) !important;
src/Header.svelte
+4 -4
View File
@@ -114,10 +114,10 @@
background-color: var(--color-tertiary-background);
line-height: 1.5em;
padding: 0rem 1rem;
border-radius: var(--border-radius);
height: var(--button-regular-height);
display: flex;
align-items: center;
height: var(--button-regular-height);
display: flex;
align-items: center;
border-radius: var(--border-radius-round);
}
.network.unavailable {
color: #888;
src/Input.svelte
+2 -2
View File
@@ -18,7 +18,7 @@
text-align: right;
-webkit-mask: linear-gradient(90deg, transparent 0%, #fff 50%);
mask: linear-gradient(90deg, transparent 0%, #fff 50%);
border-radius: 0 0.25rem 0.25rem 0;
border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
input {
font-size: 0.75rem;
@@ -28,7 +28,7 @@
outline: none;
width: 100%;
text-overflow: ellipsis !important;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
}
main:hover .clipboard {
visibility: visible;
src/Loading.svelte
+1 -2
View File
@@ -35,8 +35,7 @@
width: 18px;
height: 18px;
background-color: #5555ff;
border-radius: 100%;
border-radius: var(--border-radius-round);
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
src/Markdown.svelte
+1 -1
View File
@@ -171,7 +171,7 @@
font-size: 1rem;
background-color: var(--color-foreground-background);
padding: 1rem !important;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
margin: 1rem 0;
overflow: scroll;
scrollbar-width: none;
src/Message.svelte
+1 -1
View File
@@ -8,7 +8,7 @@
}
.message-error {
color: var(--color-negative);
border-radius: 0.5rem;
border-radius: var(--border-radius);
background-color: var(--color-glow-error);
}
</style>
src/MobileNavbar.svelte
+1 -1
View File
@@ -36,7 +36,7 @@
background: var(--color-background);
min-width: 240px;
max-width: 360px;
border-radius: 1rem;
border-radius: var(--border-radius);
text-align: center;
}
.modal-title {
src/Placeholder.svelte
+1 -1
View File
@@ -5,7 +5,7 @@
<style>
.placeholder {
text-align: center;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
padding-bottom: 2rem;
color: var(--color-foreground-faded) !important;
background-color: var(--color-foreground-background);
src/ReactionSelector.svelte
+6 -6
View File
@@ -17,7 +17,7 @@
justify-content: center;
position: relative;
color: var(--color-foreground-faded);
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
height: 1rem;
width: 1rem;
cursor: not-allowed;
@@ -30,18 +30,18 @@
position: absolute;
left: 1.5rem;
background-color: var(--color-foreground-background);
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
}
.modal > div {
padding: 0.5rem;
}
.modal > div:last-child {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.modal > div:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: var(--border-radius-small);
border-bottom-left-radius: var(--border-radius-small);
}
.modal > div:hover {
background-color: var(--color-foreground-subtle);
src/base/home/Index.svelte
+1 -1
View File
@@ -45,7 +45,7 @@
max-width: 70%;
font-size: 1.25rem;
text-align: left;
border-radius: 1rem;
border-radius: var(--border-radius);
margin-bottom: 1.5rem;
}
.heading {
src/base/orgs/Create.svelte
+1 -1
View File
@@ -97,7 +97,7 @@
}
.governance {
background-color: var(--color-secondary-background);
border-radius: 1rem;
border-radius: var(--border-radius);
padding: 1rem 1rem 0rem 1rem;
margin-bottom: 2rem;
}
src/base/profiles/AnchorBadge.svelte
+1 -1
View File
@@ -16,7 +16,7 @@
.anchor-widget {
display: flex;
padding: 0.5rem 0.75rem;
border-radius: inherit;
border-radius: var(--border-radius-small);
color: var(--color-tertiary);
background-color: var(--color-tertiary-background);
cursor: pointer;
src/base/projects/Blob.svelte
+5 -3
View File
@@ -28,8 +28,8 @@
border-width: 1px 1px 0 1px;
border-color: var(--color-foreground-subtle);
border-style: solid;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: var(--border-radius-small);
border-top-right-radius: var(--border-radius-small);
}
header .file-name {
@@ -45,7 +45,7 @@
color: var(--color-secondary);
background-color: var(--color-secondary-background);
font-size: 0.75rem;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -80,6 +80,8 @@
display: flex;
border: 1px solid var(--color-foreground-subtle);
border-top-style: dashed;
border-bottom-left-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.binary {
src/base/projects/BranchSelector.svelte
+3 -3
View File
@@ -42,7 +42,7 @@
padding: 0.5rem 0.75rem;
color: var(--color-secondary);
background-color: var(--color-secondary-background);
border-radius: 0.25rem 0 0 0.25rem;
border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.commit .branch.not-allowed {
cursor: not-allowed;
@@ -55,10 +55,10 @@
color: var(--color-secondary);
background-color: var(--color-secondary-background-darker);
padding: 0.5rem 0.75rem;
border-radius: 0 0.25rem 0.25rem 0;
border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
.commit .hash.unlabeled {
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
}
.stat {
font-family: var(--font-family-monospace);
src/base/projects/Commit.svelte
+1 -1
View File
@@ -25,7 +25,7 @@
header {
padding: 1rem;
background: var(--color-foreground-background-subtle);
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
}
.summary {
display: flex;
src/base/projects/Commit/CommitAuthorship.svelte
+1 -1
View File
@@ -21,7 +21,7 @@
.authorship .avatar {
width: 1rem;
height: 1rem;
border-radius: 0.5rem;
border-radius: var(--border-radius);
margin-right: 0.25rem;
}
.authorship .avatar:not(:first-child) {
src/base/projects/Commit/CommitTeaser.svelte
+4 -4
View File
@@ -30,12 +30,12 @@
background-color: var(--color-foreground-background-lighter);
}
.commit-teaser:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: var(--border-radius-small);
border-top-right-radius: var(--border-radius-small);
}
.commit-teaser:last-child {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
.commit-teaser {
display: flex;
src/base/projects/Header.svelte
+1 -1
View File
@@ -62,7 +62,7 @@
gap: 0.5rem;
}
.widget {
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
min-width: max-content;
}
.anchor {
src/base/projects/History.svelte
+4 -4
View File
@@ -38,12 +38,12 @@
cursor: pointer;
}
.commit:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: var(--border-radius-small);
border-top-right-radius: var(--border-radius-small);
}
.commit:last-child {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: var(--border-radius-small);
border-bottom-right-radius: var(--border-radius-small);
}
@media (max-width: 960px) {
src/base/projects/Issue.svelte
+3 -3
View File
@@ -26,7 +26,7 @@
header {
padding: 1rem;
background: var(--color-foreground-background-subtle);
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
margin-bottom: 2rem;
}
main {
@@ -39,7 +39,7 @@
.metadata {
flex-basis: 18rem;
margin-left: 1rem;
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
font-size: 0.875rem;
padding-left: 1rem;
}
@@ -89,7 +89,7 @@
}
.summary-state {
padding: 0.5rem 1rem;
border-radius: 1.25rem;
border-radius: var(--border-radius);
}
.open {
color: var(--color-positive);
src/base/projects/Issue/IssueFilter.svelte
+1 -1
View File
@@ -16,7 +16,7 @@
display: flex;
flex-direction: row;
margin: 1rem 0;
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
}
.state-toggle {
cursor: pointer;
src/base/projects/Issue/IssueTeaser.svelte
+1 -1
View File
@@ -64,7 +64,7 @@
.state-icon {
width: 0.5rem;
height: 0.5rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-small);
}
.open {
background-color: var(--color-positive);
src/base/projects/Issues.svelte
+1 -1
View File
@@ -26,7 +26,7 @@
font-size: 0.875rem;
}
.issues-list {
border-radius: var(--border-radius-medium);
border-radius: var(--border-radius);
overflow: hidden;
}
.teaser:not(:last-child) {
src/base/projects/PeerSelector.svelte
+1 -1
View File
@@ -42,7 +42,7 @@
padding: 0.5rem 0.75rem;
color: var(--color-secondary);
background-color: var(--color-secondary-background);
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
}
.selector .peer.not-allowed {
cursor: not-allowed;
src/base/projects/Readme.svelte
+1 -1
View File
@@ -10,7 +10,7 @@
article {
padding: 2rem;
background: var(--color-foreground-background-subtle);
border-radius: 0.5rem;
border-radius: var(--border-radius);
}
</style>
src/base/projects/SourceBrowser/Changeset.svelte
-4
View File
@@ -33,10 +33,6 @@
.changeset-summary .deletions {
color: var(--color-negative);
}
.diff-listing {
/* This border forces to keep the FileDiff margin-bottom visible */
border: 1px solid transparent;
}
</style>
<div class="changeset-summary">
src/base/projects/SourceBrowser/FileDiff.svelte
+1 -1
View File
@@ -19,7 +19,7 @@
<style>
.changeset-file {
border: 1px solid var(--color-foreground-3);
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
min-width: var(--content-min-width);
margin-bottom: 2rem;
line-height: 1.5rem;
src/base/projects/Tree/File.svelte
+1 -1
View File
@@ -9,7 +9,7 @@
<style>
.file {
color: var(--color-foreground-90);
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
cursor: pointer;
display: flex;
justify-content: space-between;
src/base/projects/Tree/Folder.svelte
+1 -1
View File
@@ -42,7 +42,7 @@
}
.folder:hover {
background-color: var(--color-foreground-background);
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
}
.folder-name {
src/base/projects/Widget.svelte
+1 -1
View File
@@ -33,7 +33,7 @@
justify-content: space-between;
padding: 1rem;
border: 1px solid var(--color-secondary-faded);
border-radius: 0.25rem;
border-radius: var(--border-radius-small);
min-width: 36rem;
cursor: pointer;
}
src/ens/DomainInput.svelte
+2 -2
View File
@@ -24,7 +24,7 @@
/* padding: 0.7rem 2rem; */
padding: .4rem 1rem;
color: var(--color-secondary);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border-radius: 0 var(--border-radius-round) var(--border-radius-round) 0;
border: 1px solid var(--color-secondary);
border-left: none;
height: var(--button-regular-height);
@@ -35,7 +35,7 @@
margin-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-radius: var(--border-radius) 0 0 var(--border-radius);
border-radius: var(--border-radius-round) 0 0 var(--border-radius-round);
border-right: none;
}
input[disabled] {