mirror of
				https://github.com/Zelda64Recomp/Zelda64Recomp.git
				synced 2025-10-30 08:03:03 +00:00 
			
		
		
		
	columnify options
This commit is contained in:
		
							parent
							
								
									25eaf49dbb
								
							
						
					
					
						commit
						173a4ae687
					
				
					 2 changed files with 85 additions and 21 deletions
				
			
		| 
						 | 
					@ -3,25 +3,57 @@
 | 
				
			||||||
    </head>
 | 
					    </head>
 | 
				
			||||||
    <body>
 | 
					    <body>
 | 
				
			||||||
        <form class="config__form">
 | 
					        <form class="config__form">
 | 
				
			||||||
            <div class="config__wrapper">
 | 
					            <div class="config__hz-wrapper">
 | 
				
			||||||
                <div class="config__row">
 | 
					                <!-- Options -->
 | 
				
			||||||
 | 
					                <div class="config__wrapper">
 | 
				
			||||||
                    <div class="config-option">
 | 
					                    <div class="config-option">
 | 
				
			||||||
                        <label class="config-option__title">Targeting Mode</label>
 | 
					                        <label class="config-option__title">Targeting Mode</label>
 | 
				
			||||||
                        <div class="config-option__list">
 | 
					                        <div class="config-option__list">
 | 
				
			||||||
                            <input type="radio" name="targeting_mode" data-checked="targeting_mode" value="Switch" id="tm_switch"/>
 | 
					                            <input
 | 
				
			||||||
 | 
					                                type="radio"
 | 
				
			||||||
 | 
					                                name="targeting_mode"
 | 
				
			||||||
 | 
					                                data-checked="targeting_mode"
 | 
				
			||||||
 | 
					                                value="Switch"
 | 
				
			||||||
 | 
					                                id="tm_switch"
 | 
				
			||||||
 | 
					                            />
 | 
				
			||||||
                            <label class="config-option__tab-label" for="tm_switch">Switch</label>
 | 
					                            <label class="config-option__tab-label" for="tm_switch">Switch</label>
 | 
				
			||||||
                            <input type="radio" name="targeting_mode" data-checked="targeting_mode" value="Hold" id="tm_hold"/>
 | 
					
 | 
				
			||||||
 | 
					                            <input
 | 
				
			||||||
 | 
					                                type="radio"
 | 
				
			||||||
 | 
					                                name="targeting_mode"
 | 
				
			||||||
 | 
					                                data-checked="targeting_mode"
 | 
				
			||||||
 | 
					                                value="Hold"
 | 
				
			||||||
 | 
					                                id="tm_hold"
 | 
				
			||||||
 | 
					                            />
 | 
				
			||||||
                            <label class="config-option__tab-label" for="tm_hold">Hold</label>
 | 
					                            <label class="config-option__tab-label" for="tm_hold">Hold</label>
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                    <div class="config-option">
 | 
					                    <div class="config-option">
 | 
				
			||||||
                        <label class="config-option__title">Rumble Strength</label>
 | 
					                        <label class="config-option__title">Rumble Strength</label>
 | 
				
			||||||
                        <div class="config-option__range-wrapper config-option__list">
 | 
					                        <div class="config-option__range-wrapper config-option__list">
 | 
				
			||||||
                            <label class="config-option__range-label">{{rumble_strength}}</label>
 | 
					                            <label class="config-option__range-label">{{rumble_strength}}</label>
 | 
				
			||||||
                            <input class="nav-vert" id="rumble_strength_input" type="range" min="0" max="100" style="flex: 1; margin: 0dp;" data-value="rumble_strength"/>
 | 
					                            <input
 | 
				
			||||||
 | 
					                                class="nav-vert"
 | 
				
			||||||
 | 
					                                id="rumble_strength_input"
 | 
				
			||||||
 | 
					                                type="range"
 | 
				
			||||||
 | 
					                                min="0"
 | 
				
			||||||
 | 
					                                max="100"
 | 
				
			||||||
 | 
					                                style="flex: 1; margin: 0dp;"
 | 
				
			||||||
 | 
					                                data-value="rumble_strength"
 | 
				
			||||||
 | 
					                            />
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
 | 
					                <!-- Descriptions -->
 | 
				
			||||||
 | 
					                <div class="config__wrapper">
 | 
				
			||||||
 | 
					                    <p data-if="0 == 0">
 | 
				
			||||||
 | 
					                        First.
 | 
				
			||||||
 | 
					                    </p>
 | 
				
			||||||
 | 
					                    <p data-if="1 == 1">
 | 
				
			||||||
 | 
					                        Second.
 | 
				
			||||||
 | 
					                    </p>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </form>
 | 
					        </form>
 | 
				
			||||||
    </body>
 | 
					    </body>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -3,25 +3,57 @@
 | 
				
			||||||
    </head>
 | 
					    </head>
 | 
				
			||||||
    <body>
 | 
					    <body>
 | 
				
			||||||
        <form class="config__form">
 | 
					        <form class="config__form">
 | 
				
			||||||
            <div class="config__wrapper">
 | 
					            <div class="config__hz-wrapper">
 | 
				
			||||||
                <div class="config__row">
 | 
					                <!-- Options -->
 | 
				
			||||||
                    <div class="config-option">
 | 
					                <div class="config__wrapper">
 | 
				
			||||||
                        <label class="config-option__title">Background Music Volume</label>
 | 
					                        <div class="config-option">
 | 
				
			||||||
                        <div class="config-option__range-wrapper config-option__list">
 | 
					                            <label class="config-option__title">Background Music Volume</label>
 | 
				
			||||||
                            <label class="config-option__range-label">{{bgm_volume}}</label>
 | 
					                            <div class="config-option__range-wrapper config-option__list">
 | 
				
			||||||
                            <input class="nav-vert" id="bgm_volume_input" type="range" min="0" max="100" style="flex: 1; margin: 0dp;" data-value="bgm_volume"/>
 | 
					                                <label class="config-option__range-label">{{bgm_volume}}</label>
 | 
				
			||||||
                        </div>
 | 
					                                <input
 | 
				
			||||||
                    </div>
 | 
					                                    class="nav-vert"
 | 
				
			||||||
                    <div class="config-option">
 | 
					                                    id="bgm_volume_input"
 | 
				
			||||||
                        <label class="config-option__title">Low Health Beeps</label>
 | 
					                                    type="range"
 | 
				
			||||||
                        <div class="config-option__list">
 | 
					                                    min="0"
 | 
				
			||||||
                            <input type="radio" name="lhb" data-checked="low_health_beeps_enabled" value="1" id="lhb_on"/>
 | 
					                                    max="100"
 | 
				
			||||||
                            <label class="config-option__tab-label" for="lhb_on">On</label>
 | 
					                                    style="flex: 1; margin: 0dp;"
 | 
				
			||||||
                            <input type="radio" name="lhb" data-checked="low_health_beeps_enabled" value="0" id="lhb_off"/>
 | 
					                                    data-value="bgm_volume"
 | 
				
			||||||
                            <label class="config-option__tab-label" for="lhb_off">Off</label>
 | 
					                                />
 | 
				
			||||||
 | 
					                            </div>
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					                        <div class="config-option">
 | 
				
			||||||
 | 
					                            <label class="config-option__title">Low Health Beeps</label>
 | 
				
			||||||
 | 
					                            <div class="config-option__list">
 | 
				
			||||||
 | 
					                                <input
 | 
				
			||||||
 | 
					                                    type="radio"
 | 
				
			||||||
 | 
					                                    name="lhb"
 | 
				
			||||||
 | 
					                                    data-checked="low_health_beeps_enabled"
 | 
				
			||||||
 | 
					                                    value="1"
 | 
				
			||||||
 | 
					                                    id="lhb_on"
 | 
				
			||||||
 | 
					                                />
 | 
				
			||||||
 | 
					                                <label class="config-option__tab-label" for="lhb_on">On</label>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					                                <input
 | 
				
			||||||
 | 
					                                    type="radio"
 | 
				
			||||||
 | 
					                                    name="lhb"
 | 
				
			||||||
 | 
					                                    data-checked="low_health_beeps_enabled"
 | 
				
			||||||
 | 
					                                    value="0"
 | 
				
			||||||
 | 
					                                    id="lhb_off"
 | 
				
			||||||
 | 
					                                />
 | 
				
			||||||
 | 
					                                <label class="config-option__tab-label" for="lhb_off">Off</label>
 | 
				
			||||||
 | 
					                            </div>
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
 | 
					                <!-- Descriptions -->
 | 
				
			||||||
 | 
					                <div class="config__wrapper">
 | 
				
			||||||
 | 
					                    <p data-if="0 == 0">
 | 
				
			||||||
 | 
					                        First.
 | 
				
			||||||
 | 
					                    </p>
 | 
				
			||||||
 | 
					                    <p data-if="1 == 1">
 | 
				
			||||||
 | 
					                        Second.
 | 
				
			||||||
 | 
					                    </p>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        </form>
 | 
					        </form>
 | 
				
			||||||
    </body>
 | 
					    </body>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue