eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Add .link underline

Browse Source
This commit is contained in:
venashial
2022-07-11 13:23:19 -07:00
parent e280c0c5ca
commit 3e87d88825
31 changed files with 59 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Button.svelte
View File

@@ -93,7 +93,7 @@
justify-content: center;
padding: 0.5rem 1rem;
min-width: min-content;
gap: 0.5rem;
grid-gap: 0.5rem;
cursor: pointer;
position: relative;
line-height: 100%;

4
src/components/Checkbox.svelte
View File

@@ -25,12 +25,12 @@
display: inline-flex;
align-items: center;
gap: 0.5rem;
grid-gap: 0.5rem;
&__label {
display: flex;
align-items: center;
gap: 0.5rem;
grid-gap: 0.5rem;
> :global(.icon) {
/* Icon on checkbox helps to be a little larger than normal icons 16px -> 18px */

4
src/components/CheckboxList.svelte
View File

@@ -37,12 +37,12 @@
.checkbox-list {
display: flex;
flex-direction: column;
gap: 2px;
grid-gap: 2px;
&.wrap {
flex-direction: row;
flex-wrap: wrap;
gap: 2rem;
grid-gap: 2rem;
}
}
</style>

2
src/components/Chips.svelte
View File

@@ -40,6 +40,6 @@
<style lang="postcss">
.chips {
display: flex;
gap: 0.5rem;
grid-gap: 0.5rem;
}
</style>

2
src/components/Code.svelte
View File

@@ -26,7 +26,7 @@
<style lang="postcss">
.code {
display: flex;
gap: 0.5rem;
grid-gap: 0.5rem;
font-family: var(--mono-font);
padding: 0.25rem 0.5rem;
background-color: var(--color-code-bg);

4
src/components/Field.svelte
View File

@@ -22,13 +22,13 @@
.field {
display: flex;
flex-direction: column;
gap: 0.5rem;
grid-gap: 0.5rem;
min-width: 0;
&__label {
display: flex;
flex-direction: column;
gap: 0;
grid-gap: 0;
&__title {
font-weight: var(--font-weight-bold);

4
src/components/FileUpload.svelte
View File

@@ -95,7 +95,7 @@
.file-dropzone {
display: flex;
flex-direction: column;
gap: 1rem;
grid-gap: 1rem;
&--constrained {
width: 27rem;
@@ -106,7 +106,7 @@
padding: 1.5rem 2rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
grid-gap: 0.5rem;
background-color: var(--color-button-bg);
border-radius: var(--rounded-sm);
border: dashed 0.3rem var(--color-text-lightest);

4
src/components/Modal.svelte
View File

@@ -121,7 +121,7 @@
padding: 1rem 1.25rem;
display: flex;
align-items: center;
gap: 1rem;
grid-gap: 1rem;
color: var(--color-danger-text);
border-color: var(--color-danger-text);
border-width: 0.15rem 0;
@@ -152,7 +152,7 @@
margin-top: 1rem;
display: flex;
justify-content: flex-end;
gap: 1rem;
grid-gap: 1rem;
flex-wrap: wrap;
}
}

2
src/components/ModalDeletion.svelte
View File

@@ -54,7 +54,7 @@
padding: 1rem 1.25rem;
display: flex;
align-items: center;
gap: 1rem;
grid-gap: 1rem;
color: var(--color-danger-text);
border-color: var(--color-danger-text);
border-width: 0.15rem 0;

2
src/components/NavRow.svelte
View File

@@ -124,7 +124,7 @@
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
grid-gap: 1rem;
flex-wrap: wrap;
position: relative;

4
src/components/Pagination.svelte
View File

@@ -55,7 +55,7 @@
.pagination {
align-self: center;
display: flex;
gap: 0.5rem;
grid-gap: 0.5rem;
align-items: center;
:global(.button) {
@@ -72,7 +72,7 @@
}
@media (width <= 500px) {
gap: 0.25rem;
grid-gap: 0.25rem;
:global(> *:nth-child(4)),
:global(> *:nth-child(6)) {

4
src/components/Select.svelte
View File

@@ -220,7 +220,7 @@
justify-content: space-between;
align-items: center;
padding: 0.25rem 1rem;
gap: 0.5rem;
grid-gap: 0.5rem;
background-color: var(--color-button-bg);
box-shadow: var(--shadow-inset-sm);
border-radius: var(--rounded);
@@ -265,7 +265,7 @@
padding: 0.25rem 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
grid-gap: 0.5rem;
&:hover:not(.current, .is-selected) {
background-color: var(--color-brand-dark);

2
src/components/Slider.svelte
View File

@@ -15,7 +15,7 @@
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
grid-gap: 0.5rem;
&__input {
-webkit-appearance: none;

2
src/components/TextInput.svelte
View File

@@ -28,7 +28,7 @@
.text-input {
display: flex;
flex-direction: column;
gap: 0.5rem;
grid-gap: 0.5rem;
position: relative;
width: 20rem;