quietlight/skraak.app - Change OQBBKXHMSDFTIYQPOAT4QTOELZP6JURH524SQPWOXWGN6DG5ZR6QC

added zoom, mostly, possibly some overlap with last commit as I was late

Created by AEj8dahVWy718uSSFPe9VSRJ5qX5G8pC2zvFzJJ8yzBd on June 23, 2025

OQBBKXHMSDFTIYQPOAT4QTOELZP6JURH524SQPWOXWGN6DG5ZR6QC

Dependencies

[2] IUHUM6OZ5KYEAYQCIYNG5Q4QLQRAQNMBWKYGV2ZDJFNY5W4DOUNQC

In channels

main

Change contents

Insertion in src/components/File.tsx at line 708 [2.1]

[2.11303]

                    
                    {/* Zoom Controls */}
                    <div className="flex items-center gap-1 border-l pl-4 ml-2">
                      <Button
                        variant="outline"
                        size="icon"
                        onClick={zoomOut}
                        disabled={state.audioLoading}
                        title="Zoom Out"
                      >
                        <Minus className="h-4 w-4" />
                      </Button>
                      <Button
                        variant="outline"
                        size="icon"
                        onClick={zoomIn}
                        disabled={state.audioLoading}
                        title="Zoom In"
                      >
                        <Plus className="h-4 w-4" />
                      </Button>
                      <Button
                        variant="outline"
                        size="icon"
                        onClick={resetZoom}
                        disabled={state.audioLoading}
                        title="Reset Zoom"
                      >
                        <RotateCcw className="h-4 w-4" />
                      </Button>
                    </div>

Insertion in src/components/File.tsx at line 796 [2.1]

[2.14092]

                        
                        {/* Zoom Controls */}
                        <div className="flex items-center gap-1 border-l pl-4 ml-2">
                          <Button
                            variant="outline"
                            size="icon"
                            onClick={zoomOut}
                            disabled={state.audioLoading}
                            title="Zoom Out"
                          >
                            <Minus className="h-4 w-4" />
                          </Button>
                          <Button
                            variant="outline"
                            size="icon"
                            onClick={zoomIn}
                            disabled={state.audioLoading}
                            title="Zoom In"
                          >
                            <Plus className="h-4 w-4" />
                          </Button>
                          <Button
                            variant="outline"
                            size="icon"
                            onClick={resetZoom}
                            disabled={state.audioLoading}
                            title="Reset Zoom"
                          >
                            <RotateCcw className="h-4 w-4" />
                          </Button>
                        </div>