Move label css to parent tab css file

juhangil · juhangil · commit 9f7586c77e35 · 2024-10-04T13:05:44.000+09:00
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParameterListComponent.razor b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParameterListComponent.razor
@@ -2,7 +2,7 @@
 
 <div id="@Id">
     <label id=@($"{Id}-label") for=@($"{Id}-content")
-           style="display:inline-block;padding-left:5px;font-weight:bold;">
+           style="display:inline-block;padding-left:5px;">
         @LabelText
 
         @* Tooltip Image *@
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParameterSliderComponent.razor.css b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParameterSliderComponent.razor.css
@@ -1,8 +1,6 @@
 ﻿::deep .parameter-label {
     display: inline-block;
     padding-left: 5px;
-    font-weight: bold;
-    font-size: 8px;
 }
 
 ::deep .parameter-slider {
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParametersTabComponent.razor b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParametersTabComponent.razor
@@ -1,6 +1,6 @@
 ﻿@using System.Linq
 
-<div id="@Id">
+<div id="@Id" class="parameter-tab">
     <ParameterSliderComponent Id="slider-pastmessages"
                               Class="label-with-tooltip"
                               LabelText="Past messages included"
diff --git a/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParametersTabComponent.razor.css b/src/AzureOpenAIProxy.PlaygroundApp/Components/UI/ParametersTabComponent.razor.css
@@ -0,0 +1,4 @@
+﻿.parameter-tab ::deep label {
+    font-size: 12px;
+    font-weight: bold;
+}

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,6 @@`
`1`	`1`	`::deep .parameter-label {`
`2`	`2`	`display: inline-block;`
`3`	`3`	`padding-left: 5px;`
`4`		`- font-weight: bold;`
`5`		`- font-size: 8px;`
`6`	`4`	`}`
`7`	`5`
`8`	`6`	`::deep .parameter-slider {`