simplemobnav change to look like smartphone

This commit is contained in:
2025-09-06 09:53:00 +02:00
parent 5a4771311f
commit 595f026589
9 changed files with 128 additions and 91 deletions

View File

@@ -26,6 +26,10 @@
@import "/opt/apxtowns/farm-test/apxtri/node_modules/tailwindcss";
@plugin "/opt/apxtowns/farm-test/apxtri/node_modules/daisyui";
@import "./sourcetw.css";
/*
add h-sm a vertical breakpoint to check screen height that doies not exist in tw or daisyui
*/
@config "./tailwind.config.json";
@theme {
--font-display: "Questrial", "sans-serif";
@@ -117,17 +121,17 @@
--noise: 0;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #2d3748;
}
::-webkit-scrollbar-thumb {
background: #4a5568;
border-radius: 4px;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #2d3748;
}
::-webkit-scrollbar-thumb {
background: #4a5568;
border-radius: 4px;
}
.transition-width {
transition: width 0.3s ease;
}
.transition-width {
transition: width 0.3s ease;
}

View File

@@ -2494,6 +2494,9 @@
}
.container {
width: 100%;
@media (width >= (max-height: 700px)) {
max-width: (max-height: 700px);
}
@media (width >= 40rem) {
max-width: 40rem;
}
@@ -2513,9 +2516,6 @@
.m-1 {
margin: calc(var(--spacing) * 1);
}
.m-2 {
margin: calc(var(--spacing) * 2);
}
.m-4 {
margin: calc(var(--spacing) * 4);
}
@@ -2564,6 +2564,9 @@
}
}
}
.mx-3 {
margin-inline: calc(var(--spacing) * 3);
}
.mx-auto {
margin-inline: auto;
}
@@ -2573,6 +2576,9 @@
.my-5 {
margin-block: calc(var(--spacing) * 5);
}
.my-auto {
margin-block: auto;
}
.label {
display: inline-flex;
align-items: center;
@@ -3061,9 +3067,6 @@
.h-\[1em\] {
height: 1em;
}
.h-\[700px\] {
height: 700px;
}
.h-auto {
height: auto;
}
@@ -3127,9 +3130,6 @@
.w-100 {
width: calc(var(--spacing) * 100);
}
.w-\[375px\] {
width: 375px;
}
.w-auto {
width: auto;
}
@@ -3309,13 +3309,6 @@
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
}
.space-y-6 {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
@@ -3357,9 +3350,6 @@
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-box {
border-radius: var(--radius-box);
}
@@ -3514,6 +3504,9 @@
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
@@ -3526,6 +3519,9 @@
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
@@ -4010,31 +4006,11 @@
display: none;
}
}
.sm\:h-\[700px\] {
@media (width >= 40rem) {
height: 700px;
}
}
.sm\:w-64 {
@media (width >= 40rem) {
width: calc(var(--spacing) * 64);
}
}
.sm\:w-\[375px\] {
@media (width >= 40rem) {
width: 375px;
}
}
.sm\:w-\[400px\] {
@media (width >= 40rem) {
width: 400px;
}
}
.sm\:w-\[500px\] {
@media (width >= 40rem) {
width: 500px;
}
}
.sm\:w-\[600px\] {
@media (width >= 40rem) {
width: 600px;
@@ -4086,6 +4062,52 @@
padding-inline: calc(var(--spacing) * 8);
}
}
.h-sm\:mt-0 {
@media (max-height: 700px) {
margin-top: calc(var(--spacing) * 0);
}
}
.h-sm\:max-h-10 {
@media (max-height: 700px) {
max-height: calc(var(--spacing) * 10);
}
}
.h-sm\:w-1\/3 {
@media (max-height: 700px) {
width: calc(1/3 * 100%);
}
}
.h-sm\:w-2\/3 {
@media (max-height: 700px) {
width: calc(2/3 * 100%);
}
}
.h-sm\:flex-row {
@media (max-height: 700px) {
flex-direction: row;
}
}
.h-sm\:items-start {
@media (max-height: 700px) {
align-items: flex-start;
}
}
.h-sm\:gap-4 {
@media (max-height: 700px) {
gap: calc(var(--spacing) * 4);
}
}
.h-sm\:text-start {
@media (max-height: 700px) {
text-align: start;
}
}
.h-sm\:text-lg {
@media (max-height: 700px) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
.dark\:block {
@media (prefers-color-scheme: dark) {
display: block;

View File

@@ -1,4 +0,0 @@
@source "/var/lib/apxtowns/data/apxtri/objects/wco/apx/*.{html,js,mustache}";
@source "/var/lib/apxtowns/data/apxtri/objects/wwws/admin/src/**/*.{html,js,mustache}";
@source "/var/lib/apxtowns/data/apxtri/objects/wco/simplemobnav/*.{html,js,mustache}";
@source "/var/lib/apxtowns/data/apxtri/objects/wco/apxauth/*.{html,js,mustache}";

View File

@@ -0,0 +1,9 @@
{
"theme": {
"extend": {
"screens": {
"h-sm": { "raw": "(max-height: 700px)" }
}
}
}
}

View File

@@ -27,12 +27,12 @@
"apxtri/objects/persons"
],
"ref": {
"Odmdb": "apxtri/models/tplstrings/Odmdb",
"Pagans": "apxtri/models/tplstrings/Pagans",
"Persons": "apxtri/models/tplstrings/Persons",
"Checkjson": "apxtri/models/tplstrings/Checkjson",
"Notification": "apxtri/models/tplstrings/Notifications",
"Middlewares": "apxtri/models/tplstrings/Middlewares"
"Middlewares": "apxtri/models/tplstrings/Middlewares",
"Odmdb": "apxtri/models/tplstrings/Odmdb",
"Pagans": "apxtri/models/tplstrings/Pagans",
"Persons": "apxtri/models/tplstrings/Persons"
}
}
}