add adaptive design

feature/component
Ernest Litvinenko 2023-11-14 20:55:00 +03:00
parent 677818b46e
commit 67ca646800
3 changed files with 6 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@ -41,8 +41,8 @@ const Block = (props: BlockPropsType) => {
<span class="text-base opacity-50">${props.addr}</span> <span class="text-base opacity-50">${props.addr}</span>
</div> </div>
<div> <div>
<span class="font-bold block">${props.code}</span> <span class="text-sm sm:text-base font-bold block">${props.code}</span>
<span class="opacity-50">КЛАДР: </span><span>${props.kladr_code}</span> <span class="text-sm sm:text-base opacity-50">КЛАДР: ${props.kladr_code}</span>
</div> </div>
</div> </div>

View File

@ -6,7 +6,7 @@ export default {
], ],
theme: { theme: {
fontSize: { fontSize: {
sm: `${14/16}rem`, sm: `${10/16}rem`,
base: `${16/16}rem`, base: `${16/16}rem`,
lg: `${24/16}rem`, lg: `${24/16}rem`,
xl: `${36/16}rem`, xl: `${36/16}rem`,