Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-07 22:45:23 +02:00
Code Issues Releases Activity

fix: fix layout shift, class name

Browse source
This commit is contained in:
Yeokyung Yoon 2022-06-29 00:56:14 +09:00
parent c99ebdace2
commit 108d8a2f8a
3 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/backend/views/pages/form.twig
View file

@ -13,7 +13,7 @@
} }
</textarea> </textarea>
<header class="writing-header"> <header class="writing-header">
<div class="writing-header__left"> <div class="writing-header__inner-container">
{% set currentPageId = 0 %} {% set currentPageId = 0 %}
{% if page is not empty %} {% if page is not empty %}
{% set currentPageId = page._id %} {% set currentPageId = page._id %}

2
src/frontend/styles/components/writing.pcss
View file

@ -14,7 +14,7 @@
margin: auto; margin: auto;
} }
&__left { &__inner-container {
margin: auto 0; margin: auto 0;
display: flex; display: flex;
color: var(--color-text-second); color: var(--color-text-second);

8
src/frontend/styles/vars.pcss
View file

@ -79,7 +79,7 @@
position: relative; position: relative;
padding: 10px 30px 10px 10px; padding: 10px 30px 10px 10px;
width: 100%; width: 100%;
border: none; border: solid 1px transparent;
border-radius: 8px; border-radius: 8px;
background-color: var(--color-input-primary); background-color: var(--color-input-primary);
box-sizing: border-box; box-sizing: border-box;
@ -101,7 +101,7 @@
--input { --input {
padding: 10px; padding: 10px;
width: 100%; width: 100%;
border: none; border: solid 1px transparent;
border-radius: 8px; border-radius: 8px;
background-color: var(--color-input-primary); background-color: var(--color-input-primary);
box-sizing: border-box; box-sizing: border-box;
@ -115,7 +115,7 @@
outline: none; outline: none;
} }
} }
--squircle { --squircle {
@supports(-webkit-mask-box-image: url('')){ @supports(-webkit-mask-box-image: url('')){
border-radius: 0; border-radius: 0;
@ -132,4 +132,4 @@
@custom-media --tablet all and (min-width: 980px) and (max-width: 1050px); @custom-media --tablet all and (min-width: 980px) and (max-width: 1050px);
@custom-media --mobile all and (max-width: 980px); @custom-media --mobile all and (max-width: 980px);
@custom-media --retina all and (-webkit-min-device-pixel-ratio: 1.5); @custom-media --retina all and (-webkit-min-device-pixel-ratio: 1.5);
@custom-media --can-hover all and (hover:hover) @custom-media --can-hover all and (hover:hover);