brianhansonxyz/rspade_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update responsive breakpoints and migration stub examples

Browse Source 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
root
2025-12-28 06:52:39 +00:00
parent 61fec79af0
commit e1d4ea6592
4 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/RSpade/Core/Js/Responsive.js
View File

@@ -6,7 +6,7 @@
*
* Two-tier system:
* Tier 1 (Semantic): is_mobile() / is_desktop() - broad categories
* Tier 2 (Granular): is_phone() / is_tablet() / is_desktop_sm() / is_desktop_md() / is_desktop_lg()
* Tier 2 (Granular): is_phone() / is_tablet() / is_desktop_sm() / is_desktop_md() / is_desktop_lg() / is_desktop_xl()
*
* Usage:
* if (Responsive.is_mobile()) { ... }
@@ -79,7 +79,7 @@ class Responsive {
}
/**
* Tier 2: Check if viewport is desktop-sm (1024 - 1699px)
* Tier 2: Check if viewport is desktop-sm (1024 - 1199px)
* @returns {boolean}
*/
static is_desktop_sm() {
@@ -88,7 +88,7 @@ class Responsive {
}
/**
* Tier 2: Check if viewport is desktop-md (1700 - 2199px)
* Tier 2: Check if viewport is desktop-md (1200 - 1639px)
* @returns {boolean}
*/
static is_desktop_md() {
@@ -97,10 +97,19 @@ class Responsive {
}
/**
* Tier 2: Check if viewport is desktop-lg (2200px+)
* Tier 2: Check if viewport is desktop-lg (1640 - 2199px)
* @returns {boolean}
*/
static is_desktop_lg() {
return this._viewport() >= this._get_breakpoint('desktop-lg');
const vp = this._viewport();
return vp >= this._get_breakpoint('desktop-lg') && vp < this._get_breakpoint('desktop-xl');
}
/**
* Tier 2: Check if viewport is desktop-xl (2200px+)
* @returns {boolean}
*/
static is_desktop_xl() {
return this._viewport() >= this._get_breakpoint('desktop-xl');
}
}