Home Explore Help
Register Sign In
suyu
Repositories Public Activity

suyu pushed tag kiosk to SWT-SXC/sxc-frontend

3 months ago

suyu pushed to master at SWT-SXC/sxc-frontend

  • e91a6862e1 chore(web): remove obsolete optimization documentation files - Delete CHANGES_SUMMARY.md (1080x1920 device adaptation summary) - Delete DEVICE_OPTIMIZATION.md (device optimization specifications) - Delete KIOSK_LAYOUT_OPTIMIZATION.md (kiosk layout design documentation) - Update SsChatReplyMarkdown.vue component styling - Clean up documentation that has been superseded by implemented features and code comments
  • 6e61ebc8bb feat(web): refactor kiosk device detection to use utility function - Extract isKioskDevice logic from SsInputBox.vue computed property to reusable utility function - Import isKioskDevice from useDeviceDetection utility in both HomeView.vue and SsInputBox.vue - Remove duplicate isKioskDevice ref and detectKioskDevice function from HomeView.vue - Update all isKioskDevice references to function calls isKioskDevice() throughout components - Centralize device detection logic for better maintainability and consistency across the application
  • View comparison for these 2 commits »

3 months ago

suyu pushed to master at SWT-SXC/sxc-frontend

  • 71ae1a31d0 feat(web): add security restrictions plugin for kiosk mode - Add new securityRestrictions plugin to enforce security controls in kiosk mode - Disable external link navigation in SsChatReply and SsChatReplyMarkdown components - Prevent right-click context menu, text selection, and developer tool access - Block keyboard shortcuts (F5, F12, Ctrl+Shift+I, Ctrl+U, Ctrl+P, etc.) in kiosk mode - Integrate security plugin into main.ts application initialization - Update device detection utility to support security restriction checks - Apply CSS restrictions to prevent text selection across all elements - Maintain normal functionality for non-kiosk devices - Ensures kiosk displays remain secure and prevent unauthorized access to browser tools
  • 4cdec58760 feat(web): refactor app title styling and update button neumorphism design - Change app title from div to h1 semantic element for better accessibility - Increase app title font size from 1.75rem to 3rem for better visibility - Add text-shadow effect to app title for neumorphic depth (right-bottom shadow and left-top highlight) - Split app title into main text and secondary span with reduced font weight and color - Update button background from gradient to solid white (#ffffff) - Refine button box-shadow colors for improved neumorphic appearance - Change button text color from blue (#5a8fb5) to gray (#aab2bd) - Update button text-shadow to use solid white instead of rgba - Adjust button hover state with updated shadow colors (#c8d0e7) - Modify button active state background to light gray (#f5f5f5) with inset shadows - Improve overall visual hierarchy and neumorphic design consistency across the interface
  • 7b227c1164 feat(web): refactor input box layout and improve recording error handling - Move input box to top of chat container for kiosk devices in spread mode - Add conditional rendering to display input box at top for kiosk or bottom for other devices - Restructure kiosk-chat container with flexbox to properly order input and chat sections - Convert startRecording to async function with improved error handling and user feedback - Add specific error messages for different microphone permission scenarios (NotAllowedError, NotFoundError, NotReadableError) - Refactor scanAvailableAudioDevices to request microphone permissions before device enumeration - Improve initRecord function with better error handling and validation - Add console logging for debugging recording initialization and device detection - Reset recording state flags when opening recording dialog to prevent state inconsistencies - Enhance user experience with more descriptive error messages for microphone access issues
  • 3ae5b7d29e feat(web): optimize font sizes for 1080x1920 kiosk display - Increase common problem header title from 1.75rem to 1.875rem - Add header subject font size styling (1rem) in SsCommonProblem component - Enlarge problem list item font size to 1.125rem - Increase input box text size to 1.125rem and limit text to 1.125rem - Boost service component title from 1.25rem to 1.375rem - Add service subject font size styling (1rem) - Optimize chat reply quota and source text sizes (0.88rem → 1rem range) - Enhance markdown content font sizes (1.125rem → 1.25rem for body text) - Increase markdown heading sizes across h1-h4 by 0.125rem increments - Enlarge code block font sizes to 1.125rem - Increase chat message bubble font size to 1.25rem with improved padding - Reduce kiosk FAQ list from 5 to 4 items for better layout - Restructure FAQ section with card wrapper for improved styling - Hide footer in kiosk chat mode to prevent overlap with FAQ area - Improve overall readability and visibility on vertical 1080x1920 displays
  • 83ac7d28a8 feat(web): optimize service quick bar layout for kiosk display - Reduce service quick bar height from 120px to 100px for better space utilization - Change service items from horizontal scroll to uniform distribution using flexbox - Update service item dimensions from 140×90px to flex: 1 with min-width 140px and height 70px - Adjust top padding from 220px to 200px to accommodate reduced service bar height - Remove horizontal scrollbar styling and implement space-between alignment - Reduce padding in service bar container from 1rem to 0.75rem - Update layout documentation to reflect new coordinate ranges and dimensions - Improves touch target accessibility and dialog area space on 1080x1920 displays
  • View comparison for these 6 commits »

3 months ago

suyu pushed to master at SWT-SXC/sxc-frontend

  • d2ceed036a feat(web): add hover scale adjustments for medium-sized devices - Add media query for 1080x1920 medium-sized devices (751px-1200px width, 1700px+ height) - Reduce primary hover scale effect from 1.05 to 1.02 for better visual balance - Reduce secondary hover scale effect from 1.01 to 1.005 for scale101 class - Optimize touch interaction feedback for mid-range device screens

3 months ago

suyu pushed to master at SWT-SXC/sxc-frontend

  • 7f02e484f8 feat(web): optimize layout and styling for 1080x1920 devices - Add CSS variable system for responsive design (fonts, spacing, border-radius, touch targets) - Implement media query for 1080x1920 device optimization (751-1200px width, >1800px height) - Update all component styles with increased font sizes and spacing for better readability - Increase minimum touch target size to 44px for all interactive elements - Restructure HomeView layout to vertical arrangement (services on top, problems below) - Enhance visual hierarchy with stronger shadows (0.25rem → 0.5rem) and larger border-radius - Update SsCommonProblem: min-height 16rem → 20rem, title 1rem → 1.5rem, icons 2.13rem → 3rem - Update SsService: card height 7.5rem → 9rem, center card 12rem → 14rem - Update SsInputBox: padding 1.25rem → 1.75rem, button min-size 44px - Update SsGridEntrance: padding 1.5rem → 2rem, title 0.88rem → 1.25rem, icons 6rem → 7rem - Update SsHeader: logo 1.88rem → 2.5rem, title 1rem → 1.25rem - Update SsPanel and SsHeadline with proportional size increases - Add CHANGES_SUMMARY.md and DEVICE_OPTIMIZATION.md documentation - Optimize package-lock.json with peer dependency markers - Improve body line-height to 1.75 for enhanced readability

3 months ago