add adaptive design

2023-11-14 20:55:00 +03:00 · 2023-11-14 20:55:00 +03:00 · 67ca646800
parent 677818b46e
commit 67ca646800
3 changed files with 6 additions and 6 deletions
--- a/index.html
+++ b/index.html
--- a/src/block.ts
+++ b/src/block.ts
@ -41,8 +41,8 @@ const Block = (props: BlockPropsType) => {
                            <span class="text-base opacity-50">${props.addr}</span>
                        </div>
                        <div> 
-                            <span class="font-bold block">${props.code}</span>
-                            <span class="opacity-50">КЛАДР: </span><span>${props.kladr_code}</span>
+                            <span class="text-sm sm:text-base font-bold block">${props.code}</span>
+                            <span class="text-sm sm:text-base opacity-50">КЛАДР: ${props.kladr_code}</span>
                        </div>
                    </div>

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