border to border-inline

This commit is contained in:
freeplay 2023-07-09 21:30:36 -04:00
parent 44375d2b2c
commit 30060f6081
16 changed files with 22 additions and 22 deletions

View file

@ -101,7 +101,7 @@ function resolve() {
box-sizing: border-box;
text-align: left;
padding: 24px;
border-right: solid 1px var(--divider);
border-inline-end: solid 1px var(--divider);
> .info {
display: flex;

View file

@ -48,7 +48,7 @@ const search = () => {
margin: 0;
padding: 0 16px;
border: solid 1px var(--divider);
border-left: none;
border-inline-start: none;
border-radius: 0 4px 4px 0;
&:active {

View file

@ -85,7 +85,7 @@ const modal = $ref<InstanceType<typeof MkModal>>();
> span + span {
margin-inline-start: 0.5em;
padding-inline-start: 0.5em;
border-left: solid 1px rgba(255, 255, 255, 0.5);
border-inline-start: solid 1px rgba(255, 255, 255, 0.5);
}
}
}

View file

@ -320,7 +320,7 @@ export default defineComponent({
> span + span {
margin-inline-start: 0.5em;
padding-inline-start: 0.5em;
border-left: solid 1px rgba(255, 255, 255, 0.5);
border-inline-start: solid 1px rgba(255, 255, 255, 0.5);
}
}
}

View file

@ -652,7 +652,7 @@ defineExpose({
display: block;
margin-bottom: -4px;
margin-top: 16px;
border-left: 2px solid currentColor;
border-inline-start: 2px solid currentColor;
margin-inline-start: calc((var(--avatarSize) / 2) - 1px);
opacity: 0.25;
}
@ -749,7 +749,7 @@ defineExpose({
&::after {
content: "";
position: absolute;
border-left: 2px solid currentColor;
border-inline-start: 2px solid currentColor;
border-top: 2px solid currentColor;
margin-inline-start: calc(var(--avatarSize) / 2 - 1px);
width: calc(var(--avatarSize) / 2 + 14px);

View file

@ -656,7 +656,7 @@ function noteClick(e) {
&::before {
content: "";
position: absolute;
border-left: 2px solid currentColor;
border-inline-start: 2px solid currentColor;
margin-inline-start: calc((var(--avatarSize) / 2) - 1px);
width: calc(var(--indent) / 2);
inset-block: 0;
@ -698,7 +698,7 @@ function noteClick(e) {
&::after {
content: "";
position: absolute;
border-left: 2px solid currentColor;
border-inline-start: 2px solid currentColor;
border-bottom: 2px solid currentColor;
margin-inline-start: calc((var(--avatarSize) / 2) - 1px);
width: calc(var(--indent) / 2);

View file

@ -70,7 +70,7 @@ const emit = defineEmits<{
flex: 1;
min-width: 0;
font-size: 0.95em;
border-left: solid 0.5px var(--divider);
border-inline-start: solid 0.5px var(--divider);
padding-inline-start: 10px;
margin-inline-start: 10px;
margin-inline-end: 14px;

View file

@ -305,7 +305,7 @@ const timetravel = (date?: Date) => {
}
i {
margin-inline-start: 0.7em;
border-left: 1px solid var(--accentedBg);
border-inline-start: 1px solid var(--accentedBg);
padding-inline-start: 0.4em;
}
}

View file

@ -356,7 +356,7 @@ const props = withDefaults(
margin: 8px 0;
padding-inline-start: 12px;
color: var(--fgTransparentWeak);
border-left: solid 4px var(--fgTransparent);
border-inline-start: solid 4px var(--fgTransparent);
}
::v-deep(pre) {

View file

@ -454,7 +454,7 @@ defineExpose({
width: 32%;
max-width: 280px;
box-sizing: border-box;
border-right: solid 0.5px var(--divider);
border-inline-end: solid 0.5px var(--divider);
overflow: auto;
height: 100%;
}

View file

@ -271,9 +271,9 @@ function del(): void {
&:not(.noText):before {
left: -14px;
border-top: solid 8px transparent;
border-right: solid 8px $color;
border-inline-end: solid 8px $color;
border-bottom: solid 8px transparent;
border-left: solid 8px transparent;
border-inline-start: solid 8px transparent;
}
> .content {
@ -316,9 +316,9 @@ function del(): void {
right: -14px;
left: auto;
border-top: solid 8px transparent;
border-right: solid 8px transparent;
border-inline-end: solid 8px transparent;
border-bottom: solid 8px transparent;
border-left: solid 8px $me-balloon-color;
border-inline-start: solid 8px $me-balloon-color;
}
> .content {

View file

@ -294,7 +294,7 @@ export default defineComponent({
> span:not(:last-child) {
padding-inline-end: 1em;
margin-inline-end: 1em;
border-right: solid 1px rgba(255, 255, 255, 0.5);
border-inline-end: solid 1px rgba(255, 255, 255, 0.5);
}
}
}

View file

@ -315,7 +315,7 @@ export default defineComponent({
> span:not(:last-child) {
padding-inline-end: 1em;
margin-inline-end: 1em;
border-right: solid 0.5px var(--divider);
border-inline-end: solid 0.5px var(--divider);
}
}

View file

@ -265,7 +265,7 @@ function more(ev: MouseEvent) {
background: var(--navBg);
}
#calckey_app > .wallpaper:not(.centered) & {
border-right: 1px solid var(--divider);
border-inline-end: 1px solid var(--divider);
}
contain: strict;
display: flex;

View file

@ -451,10 +451,10 @@ async function deleteProfile() {
> .column {
flex-shrink: 0;
border-right: solid var(--deckDividerThickness) var(--bg);
border-inline-end: solid var(--deckDividerThickness) var(--bg);
&:first-of-type {
border-left: solid var(--deckDividerThickness) var(--bg);
border-inline-start: solid var(--deckDividerThickness) var(--bg);
}
&.folder {

View file

@ -475,7 +475,7 @@ console.log(mainRouter.currentRoute.value.name);
}
&:not(.isMobile) {
> .contents {
border-right: 0.5px solid var(--divider);
border-inline-end: 0.5px solid var(--divider);
}
}
&.wallpaper {