Skip to content

Commit

Permalink
Improved screen sizing #314
Browse files Browse the repository at this point in the history
  • Loading branch information
@Levminer
Levminer committed Nov 24, 2024
1 parent ab115c3 commit a059456
Show file tree
Hide file tree
Showing 11 changed files with 29 additions and 28 deletions.
4 changes: 2 additions & 2 deletions core/tauri.conf.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,8 +50,8 @@
"y": 0,
"width": 1900,
"height": 1000,
"minWidth": 1000,
"minHeight": 600,
"minWidth": 550,
"minHeight": 550,
"maximized": true,
"visible": false,
"theme": "Dark",
Expand Down
10 changes: 5 additions & 5 deletions interface/components/navigation.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
<div class="transparent-900 flex h-full flex-col justify-between overflow-visible rounded-tr-xl shadow-2xl">
<div class="flex flex-col">
<a href="/codes" use:active data-active-class="selectedMenuButton" class="menuButton mt-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/></svg>
{language.menu.codes}
</a>

<a href="/import" use:active data-active-class="selectedMenuButton" class="menuButton mx-3 mt-0">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m9 18 3-3-3-3" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m9 18 3-3-3-3" /></svg>
{language.menu.import}
</a>

<a href="/export" use:active data-active-class="selectedMenuButton" class="menuButton">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m5 12-3 3 3 3" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m5 12-3 3 3 3" /></svg>
{language.menu.export}
</a>

<a href="/edit" use:active data-active-class="selectedMenuButton" class="menuButton">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>
{language.menu.edit}
</a>
</div>

<div class="flex flex-col">
<a href="/settings" use:active data-active-class="selectedMenuButton" class="menuButton">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>
{language.menu.settings}
</a>
</div>
Expand Down
4 changes: 2 additions & 2 deletions interface/styles/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,11 +26,11 @@ html {
}

.menuButton {
@apply transparent-900-hover mx-3 mb-3 mt-0 flex h-20 w-20 flex-col items-center justify-center rounded-xl text-sm font-medium outline-none duration-200 ease-linear hover:text-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
@apply transparent-900-hover mx-3 mb-3 mt-0 flex h-16 w-16 flex-col items-center justify-center rounded-xl text-sm font-semibold outline-none duration-200 ease-linear hover:text-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
}

.selectedMenuButton {
@apply mx-3 mb-3 flex h-20 w-20 flex-col items-center justify-center rounded-xl bg-white font-medium !text-black outline-none duration-200 ease-linear hover:bg-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
@apply mx-3 mb-3 mt-0 flex h-16 w-16 flex-col items-center justify-center rounded-xl bg-white text-sm font-semibold !text-black outline-none duration-200 ease-linear hover:bg-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
}

.select {
Expand Down
4 changes: 2 additions & 2 deletions interface/windows/codes/codes.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 main m-auto my-20 w-4/5 rounded-2xl p-10 text-center sm:w-4/5">
<div class="transparent-900 main mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-4/5">
<h1>Authme</h1>
<div class="searchContainer mx-auto mb-5 mt-10 hidden justify-center px-10">
<div class="mx-auto flex items-center justify-center">
Expand All @@ -11,7 +11,7 @@
</div>
</div>

<div class="content mx-auto flex flex-row flex-wrap items-center justify-center gap-10 rounded-2xl p-10 sm:w-full">
<div class="content mx-auto flex flex-row flex-wrap items-center justify-center gap-5 rounded-2xl p-1 md:p-10 sm:w-full">
<div class="importCodes transparent-800 hidden w-full max-w-2xl rounded-2xl p-5">
<h2>{language.codes.importCodes}</h2>
<h3>{language.codes.importCodesText}</h3>
Expand Down
6 changes: 3 additions & 3 deletions interface/windows/confirm/confirm.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 m-auto mb-60 mt-40 w-3/5 rounded-2xl p-10 text-center">
<div class="transparent-900 mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-3/5">
<h1>{language.confirm.welcomeBack}</h1>

<div class="mx-auto flex w-4/5 flex-col items-center justify-center rounded-2xl p-10">
Expand All @@ -13,8 +13,8 @@
<h5>{language.confirm.password}</h5>
<div class="flex items-center justify-center">
<input class="input passwordInput mt-1" type="password" />
<svg xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="showPassword relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="hidePassword relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="showPassword relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="hidePassword relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion interface/windows/edit/edit.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 loadedCodes m-auto my-20 hidden w-4/5 rounded-2xl p-10 text-left">
<div class="transparent-900 loadedCodes m-auto my-20 hidden w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
<h1 class="px-10">{language.edit.editCodes}</h1>
<div class="content mx-auto flex flex-col items-center justify-center rounded-2xl p-10" />
</div>
Expand Down
2 changes: 1 addition & 1 deletion interface/windows/export/export.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 saveExportedCodes m-auto my-20 hidden w-4/5 rounded-2xl p-10 text-left">
<div class="transparent-900 saveExportedCodes m-auto my-20 hidden w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
<h1 class="px-10">{language.export.exportCodes}</h1>
<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
Expand Down
4 changes: 2 additions & 2 deletions interface/windows/import/import.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
<div class="transparent-900 m-auto my-20 w-[95%] rounded-2xl p-1 text-left md:w-4/5 md:p-10">
<h1 class="px-10">{language.import.supportedTypes}</h1>
<div class="mx-auto flex flex-col items-center justify-center gap-5 rounded-2xl p-10">
<div class="transparent-800 flex w-full flex-col items-start rounded-xl p-5 text-left">
Expand Down Expand Up @@ -277,7 +277,7 @@
</dialog>

<script>
import { aegisFile, captureScreen, chooseFile, chooseImages, manualEntry,showManualEntry, showTutorial, twoFasAuthFile, useWebcam } from "./index"
import { aegisFile, captureScreen, chooseFile, chooseImages, manualEntry, showManualEntry, showTutorial, twoFasAuthFile, useWebcam } from "./index"
import Details from "../../components/details.svelte"
import { getLanguage } from "@utils/language"
Expand Down
14 changes: 7 additions & 7 deletions interface/windows/landing/landing.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 landing m-auto mb-60 mt-40 w-3/5 rounded-2xl p-10 text-center">
<div class="transparent-900 landing mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-3/5">
<h1>{language.landing.welcome}</h1>

<div class="mx-auto flex w-4/5 flex-col items-center justify-center rounded-2xl p-10">
Expand Down Expand Up @@ -33,14 +33,14 @@
<h4>{language.landing.hardwareAuth}</h4>
<h5>{language.landing.hardwareAuthText}</h5>
</div>
<div class="ml-20 sm:ml-0 flex gap-3 sm:mt-5">
<div class="ml-20 flex gap-3 sm:ml-0 sm:mt-5">
<Toggle bind:checked={$settings.security.hardwareAuthentication} />
</div>
</div>
</div>
</div>

<div class="transparent-900 requirePassword m-auto mb-60 mt-40 hidden w-3/5 rounded-2xl p-10 text-center">
<div class="transparent-900 requirePassword transparent-900 hidden mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-3/5">
<h1>{language.landing.passwordAuth}</h1>

<div class="mx-auto flex w-4/5 flex-col items-center justify-center rounded-2xl p-10">
Expand All @@ -55,17 +55,17 @@
<h5>{language.landing.password}</h5>
<div class="flex items-center justify-center">
<input class="input passwordInput0 mt-1" type="password" />
<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="showPassword0 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="hidePassword0 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="showPassword0 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="hidePassword0 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
</div>
</div>

<div>
<h5>{language.landing.confirmPassword}</h5>
<div class="flex items-center justify-center">
<input class="input passwordInput1 mt-1" type="password" />
<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="showPassword1 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="hidePassword1 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="showPassword1 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="hidePassword1 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions interface/windows/settings/settings.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
<div class="transparent-900 m-auto my-20 w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
<h1 class="px-10">{language.settings.general}</h1>

<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
Expand Down Expand Up @@ -67,7 +67,7 @@
</div>
</div>

<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
<div class="transparent-900 m-auto my-20 w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
<h1 class="px-10">{language.settings.codes}</h1>

<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
Expand All @@ -93,7 +93,7 @@
</div>
</div>

<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
<div class="transparent-900 m-auto my-20 w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
<h1 class="px-10">{language.settings.about}</h1>

<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
Expand Down
1 change: 1 addition & 0 deletions tailwind.config.cjs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@ module.exports = {

screens: {
sm: { max: "1650px" },
small: { min: "1200px" },
},
},
},
Expand Down

0 comments on commit a059456

Please sign in to comment.