adjust guitar string width based on guitar view width

Author: yjpark

crates/notation_bevy/src/guitar/guitar_string.rs

@@ -50,15 +50,16 @@ impl GuitarStringData {
     }
     fn width(&self, theme: &NotationTheme) -> f32 {
         let width = theme.guitar.get_string_width(self.string);
-        if !self.upper && self.state.is_current() {
+        let width_with_extra = if !self.upper && self.state.is_current() {
             width + theme.guitar.current_extra_width
         } else {
             width
-        }
+        };
+        width_with_extra * self.guitar_size.width / theme.guitar.guitar_width
     }
     fn outline(&self, theme: &NotationTheme) -> f32 {
         if !self.upper && self.hit {
-            theme.guitar.hit_outline
+            theme.guitar.hit_outline * self.guitar_size.width / theme.guitar.guitar_width
         } else {
             0.0
         }

crates/notation_bevy/src/theme/guitar_theme.rs

@@ -18,6 +18,7 @@ pub struct GuitarTheme {
     pub fret_y_factors: [f32; 23],
     pub capo_width_factor: f32,
     pub capo_height_factor: f32,
+    pub guitar_width: f32,
 }
 
 impl Default for GuitarTheme {
@@ -39,6 +40,7 @@ impl Default for GuitarTheme {
             ],
             capo_width_factor: 0.78,
             capo_height_factor: 0.02,
+            guitar_width: 128.0,
         }
     }
 }