upd: replace more hardcoded radius values
This commit is contained in:
parent
d4d2f6f871
commit
5ac10730ae
5 changed files with 8 additions and 5 deletions
|
@ -77,7 +77,7 @@ watch(() => props.lang, (to) => {
|
||||||
& :deep(.shiki) {
|
& :deep(.shiki) {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 6px;
|
border-radius: var(--radius-sm);
|
||||||
min-height: 130px;
|
min-height: 130px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
min-width: calc(100% - 24px);
|
min-width: calc(100% - 24px);
|
||||||
|
|
|
@ -129,7 +129,7 @@ watch(v, () => {
|
||||||
|
|
||||||
.focused.codeEditorRoot {
|
.focused.codeEditorRoot {
|
||||||
border-color: var(--accent) !important;
|
border-color: var(--accent) !important;
|
||||||
border-radius: 6px;
|
border-radius: var(--radius-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
.codeEditorScroller {
|
.codeEditorScroller {
|
||||||
|
|
|
@ -37,7 +37,10 @@ const text = $computed(() => {
|
||||||
<style lang="scss" module>
|
<style lang="scss" module>
|
||||||
.root {
|
.root {
|
||||||
box-shadow: 0 0 0 3px var(--panel);
|
box-shadow: 0 0 0 3px var(--panel);
|
||||||
border-radius: 120%; // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる
|
|
||||||
|
// sharkey(ShittyKopper): the comment mentions something about 100% radius not behaving correctly on blink.
|
||||||
|
// couldn't reproduce, assuming the 120% here was just an old workaround
|
||||||
|
border-radius: var(--radius-full); // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる
|
||||||
|
|
||||||
&.status_online {
|
&.status_online {
|
||||||
background: #58d4c9;
|
background: #58d4c9;
|
||||||
|
|
|
@ -221,7 +221,7 @@ onMounted(async () => {
|
||||||
|
|
||||||
.fileQuickActionsOthersButton {
|
.fileQuickActionsOthersButton {
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
border-radius: 99rem;
|
border-radius: var(--radius-ellipse);
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus-visible {
|
&:focus-visible {
|
||||||
|
|
|
@ -428,7 +428,7 @@ definePageMetadata({
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 16px 16px 28px 16px;
|
padding: 16px 16px 28px 16px;
|
||||||
border: solid 2px var(--divider);
|
border: solid 2px var(--divider);
|
||||||
border-radius: 8px;
|
border-radius: var(--radius-sm);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
|
|
Loading…
Reference in a new issue