Working on My Profile UI.

2025-08-13 11:03:35 +03:30
parent 1839dccd83
commit bb1317f7dd
10 changed files with 98 additions and 5 deletions
@@ -0,0 +1,26 @@
+.my-profile-root {
+    -fx-background-color: white;
+}
+
+.profile-image {
+    -fx-clip-radius: 40; /* Rounded image */
+}
+
+.profile-name {
+    -fx-font-size: 18px;
+    -fx-font-weight: bold;
+}
+
+.profile-status {
+    -fx-text-fill: green;
+    -fx-font-size: 14px;
+}
+
+.field-label {
+    -fx-font-weight: bold;
+    -fx-text-fill: #333;
+}
+
+.field-value {
+    -fx-text-fill: #555;
+}
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.text.Text?>
+
+<AnchorPane xmlns:fx="http://javafx.com/fxml" fx:controller="org.to.telegramfinalproject.UI.MyProfileController"
+            prefWidth="400" prefHeight="600"
+            styleClass="my-profile-root">
+
+    <VBox spacing="15" padding="20">
+
+        <!-- Top Bar -->
+        <HBox alignment="CENTER_LEFT" spacing="10">
+            <ImageView fx:id="profileImage" fitHeight="80" fitWidth="80"
+                       styleClass="profile-image"/>
+            <VBox>
+                <Label fx:id="displayName" text="Display Name" styleClass="profile-name"/>
+                <Label fx:id="status" text="online" styleClass="profile-status"/>
+            </VBox>
+        </HBox>
+
+        <Separator/>
+
+        <!-- Bio -->
+        <HBox spacing="10" alignment="CENTER_LEFT">
+            <Label text="Bio:" styleClass="field-label"/>
+            <Label fx:id="bio" text="This is the bio..." wrapText="true" styleClass="field-value"/>
+        </HBox>
+
+        <!-- User ID -->
+        <HBox spacing="10" alignment="CENTER_LEFT">
+            <Label text="User ID:" styleClass="field-label"/>
+            <Label fx:id="userId" text="@user_id" styleClass="field-value"/>
+        </HBox>
+
+    </VBox>
+</AnchorPane>