border to border-inline
This commit is contained in:
parent
44375d2b2c
commit
30060f6081
16 changed files with 22 additions and 22 deletions
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue