Refine input and button styles in main and video info UI

Improved the appearance and spacing of the URL input, paste, and analyze buttons in the main GUI, including updated padding, border, and color styles. Adjusted font sizes and colors for video info labels for a more consistent and polished look.
This commit is contained in:
oop7
2025-12-06 21:40:59 +02:00
parent 835ae45121
commit bfd30513f6
2 changed files with 62 additions and 10 deletions
+58 -6
View File
@@ -140,11 +140,15 @@ class YTSageApp(QMainWindow, FormatTableMixin, VideoInfoMixin): # Inherit from
color: #ffffff; color: #ffffff;
} }
QLineEdit { QLineEdit {
padding: 8px; padding: 12px 15px;
border: 2px solid #1b2021; border: 2px solid #2a2d2e;
border-radius: 4px; border-radius: 6px;
background-color: #1b2021; background-color: #1b2021;
color: #ffffff; color: #ffffff;
font-size: 13px;
}
QLineEdit:focus {
border-color: #ff6b6b;
} }
QPushButton { QPushButton {
padding: 8px 15px; padding: 8px 15px;
@@ -351,17 +355,65 @@ class YTSageApp(QMainWindow, FormatTableMixin, VideoInfoMixin): # Inherit from
# URL input section # URL input section
url_layout = QHBoxLayout() url_layout = QHBoxLayout()
url_layout.setSpacing(10)
self.url_input = QLineEdit() self.url_input = QLineEdit()
self.url_input.setPlaceholderText(_("main_ui.url_placeholder")) self.url_input.setPlaceholderText(_("main_ui.url_placeholder"))
self.url_input.returnPressed.connect(self.analyze_url) # Analyze on Enter key self.url_input.returnPressed.connect(self.analyze_url) # Analyze on Enter key
self.url_input.textChanged.connect(self._on_url_text_changed) # Enable/disable analyze button self.url_input.textChanged.connect(self._on_url_text_changed) # Enable/disable analyze button
self.url_input.setMinimumHeight(42)
# Paste URL button
self.paste_button = QPushButton(_("buttons.paste_url"))
self.paste_button.clicked.connect(self.paste_url)
self.paste_button.setMinimumHeight(42)
self.paste_button.setMinimumWidth(115)
self.paste_button.setStyleSheet("""
QPushButton {
padding: 9px 20px;
background-color: #1b2021;
border: 2px solid #2a2d2e;
border-radius: 5px;
color: #ffffff;
font-weight: 600;
font-size: 13px;
}
QPushButton:hover {
background-color: #252829;
border-color: #3a3d3e;
}
QPushButton:pressed {
background-color: #1a1d1e;
}
""")
# Analyze button with app's red theme
self.analyze_button = QPushButton(_("buttons.analyze")) self.analyze_button = QPushButton(_("buttons.analyze"))
self.analyze_button.clicked.connect(self.analyze_url) self.analyze_button.clicked.connect(self.analyze_url)
self.analyze_button.setEnabled(False) # Disabled until URL is entered self.analyze_button.setEnabled(False) # Disabled until URL is entered
self.analyze_button.setMinimumHeight(42)
self.paste_button = QPushButton(_("buttons.paste_url")) self.analyze_button.setMinimumWidth(115)
self.paste_button.clicked.connect(self.paste_url) self.analyze_button.setStyleSheet("""
QPushButton {
padding: 9px 20px;
background-color: #c90000;
border: none;
border-radius: 5px;
color: white;
font-weight: 600;
font-size: 13px;
}
QPushButton:hover {
background-color: #a50000;
}
QPushButton:pressed {
background-color: #800000;
}
QPushButton:disabled {
background-color: #3d3d3d;
color: #888888;
}
""")
url_layout.addWidget(self.url_input, 1) url_layout.addWidget(self.url_input, 1)
url_layout.addWidget(self.paste_button) url_layout.addWidget(self.paste_button)
+4 -4
View File
@@ -53,7 +53,7 @@ class VideoInfoMixin:
# Title and info labels # Title and info labels
self.title_label = QLabel() self.title_label = QLabel()
self.title_label.setWordWrap(True) self.title_label.setWordWrap(True)
self.title_label.setStyleSheet("font-size: 14px; font-weight: bold;") self.title_label.setStyleSheet("font-size: 12px; font-weight: bold;")
# Add basic info labels # Add basic info labels
self.channel_label = QLabel() self.channel_label = QLabel()
@@ -73,9 +73,9 @@ class VideoInfoMixin:
label.setStyleSheet( label.setStyleSheet(
""" """
QLabel { QLabel {
color: #cccccc; color: #999999;
font-size: 12px; font-size: 11px;
padding: 1px 0; padding: 0px;
} }
""" """
) )