From ae75e4711583432c8ee3971ace1a4636595485ae Mon Sep 17 00:00:00 2001 From: mesafal Date: Thu, 15 May 2025 11:36:37 +0545 Subject: [PATCH] designed chat page --- apps-chat.html | 11079 +++++++++++++++++++++++++----------- assets/css/app.min.css | 6 +- assets/css/custom.min.css | 44 +- 3 files changed, 7781 insertions(+), 3348 deletions(-) diff --git a/apps-chat.html b/apps-chat.html index 7e3171b..e867f9a 100644 --- a/apps-chat.html +++ b/apps-chat.html @@ -1,3443 +1,7835 @@ - - - - - - - + + + + Chat | Velzon - Admin & Dashboard Template - - + + - + - + - + + - - - - +
- -
-
-
+
+
+
- - -
- - - - -
- -
- - - - - -
- -
- +
+
+ +
+
+ +
+
- -
Welcome Anna!
- Profile - Messages - Taskboard - Help -
- Balance : $5971.67 - New Settings - Lock screen - Logout + + + user-image + English + + + + + user-image + Española + + + + + user-image + Deutsche + + + + + user-image + Italiana + + + + + user-image + русский + + + + + user-image + 中国人 + + + + + user-image + français + + + + + user-image + Arabic +
-
-
-
+
- -
+
+ +
+
+
+
+
Web Apps
+
+
+ + View All Apps + +
-
-
  • - - -
    • +
    +
    +
    + + Github + GitHub + +
    +
    + + bitbucket + Bitbucket + +
    +
    + + dribbble + Dribbble + +
    +
    -
  • Pages
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • Components
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • - - Widgets - -
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • - - -
    • - -
  • - - -
    • - - +
    +
    + + dropbox + Dropbox + +
    +
    + + mail_chimp + Mail Chimp + +
    +
    + + slack + Slack + +
    +
    +
    - +
    + +
    + +
    +
    +
    +
    +
    My Cart
    +
    +
    + 7 items +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    Your Cart is Empty!
    + Shop Now +
    +
    +
    + user-pic +
    +
    + Branded T-Shirts +
    +

    + Quantity: 10 x $32 +

    +
    +
    +
    + $320 +
    +
    +
    + +
    +
    +
    + +
    +
    + user-pic +
    +
    + Bentwood Chair +
    +

    + Quantity: 5 x $18 +

    +
    +
    +
    + $89 +
    +
    +
    + +
    +
    +
    + +
    +
    + user-pic +
    +
    + + Borosil Paper Cup +
    +

    + Quantity: 3 x $250 +

    +
    +
    +
    + $750 +
    +
    +
    + +
    +
    +
    + +
    +
    + user-pic +
    +
    + Gray Styled T-Shirt +
    +

    + Quantity: 1 x $1250 +

    +
    +
    +
    + $ 1250 +
    +
    +
    + +
    +
    +
    + +
    +
    + user-pic +
    +
    + Stillbird Helmet +
    +

    + Quantity: 2 x $495 +

    +
    +
    +
    + $990 +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    Total:
    +
    +
    $1258.58
    +
    +
    + + + Checkout + +
    +
    +
    + +
    + +
    + +
    + +
    + + + +
    + +
    + +
    Welcome Anna!
    + + Profile + + Messages + + Taskboard + + Help +
    + + Balance : $5971.67 + New + Settings + + Lock screen + + Logout +
    +
    - -
    +
    - - -
    + - - - -
    + + + + +
    + +
    + + + + + +
    -
    -
    -
    -
    -
    -
    -
    -
    Chats
    -
    -
    -
    - - - -
    -
    -
    -
    - - -
    -
    - - +
    + +
    + +
    +
    + + +
    + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    Chats
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    + + + + +
    +
    - -
    - -
      -
    -
    - -
    + --> +
    +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      + +
      + + +
      +
      + +
      + +
      +
      +
      +
      +
      +
      +
      +
      -
      -
      -
      -
      +
      +
      +
      + +
      +
      +
      + Lisa Parker +
      +

      + Online +

      +
      +
      +
      - +
      + +
      +
      - - -
      - -
      - -
      - -
      - - -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      - - -
      -
      -
      Lisa Parker
      -

      Online

      -
      -
      -
      -
      -
      -
      - -
      -
      - -
      - -
      -
      - +
      --> +
      +
      + +
    • +
      +
      +
      +
      +

      + Good morning, How are you? What about + our next meeting? +

      +
      +
      + +
      + Reply + Forward + Copy + Bookmark + Delete +
      +
      +
      +
      + Frank Thomas09:08 am + +
      +
      +
      +
      • +
    • +
      +
      + +
      +
      +
      +
      +

      + Yeah everything is fine. Our next + meeting tomorrow at 10.00 AM +

      +
      +
      + +
      + Reply + Forward + Copy + Bookmark + Delete +
      +
      +
      +
      +
      +

      + Hey, I'm going to meet a friend of mine + at the department store. I have to buy + some presents for my parents 🎁. +

      +
      +
      + +
      + Reply + Forward + Copy + Bookmark + Delete +
      +
      +
      +
      + Lisa Parker09:10 am + +
      +
      +
      +
      • +
    • +
      +
      +
      +
      +

      + Wow that's great +

      +
      +
      + +
      + Reply + Forward + Copy + Bookmark + Delete +
      +
      +
      +
      + Frank Thomas09:30 am + +
      +
      +
      +
      • +
    • +
      +
      + +
      +
      +
      +
      +
      +
      + + + +
      +
      + +
      +
      +
      +
      + + + +
      +
      + +
      +
      +
      +
      +
      + Lisa Parker10:15 am + +
      +
      +
      +
      • + +
      -
      - + +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      + Lisa Parker +
      +

      + 24 Members +

      +
      +
      +
      +
      +
      +
      + +
      +
      +
      + +
      +
        + +
        + +
        + + + +
        +
        +
        +
        +
        +
        + +
        +
        +
        + +
        +
        + Please Enter a Message +
        + +
        +
        +
        +
        + +
        +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        +
        +

        +
        +
        + +
        +
        +
        +
        +
        +
        +
        - +
        - - -
        -
        -
        -
        - © Velzon. -
        -
        -
        - Design & Develop by Themesbrand -
        -
        -
        -
        -
        + +
        +
        - + +
        +
        +
        +
        + + © Velzon. +
        +
        +
        + Design & Develop by Themesbrand +
        +
        +
        +
        +
        +
        +
        -
        - -
        -
        - -
        -
        -
        -
        -
        -
        - -
        -
        -
        -
        - - -
        - - -
        -
        - -
        -
        -
        - -
        -
        - -
        -
        Lisa Parker
        -

        Online

        -
        - -
        - - - - - - -
        - - - -
        -
        -
        - -
        -
        Personal Details
        -
        -

        Number

        -
        +(256) 2451 8974
        -
        -
        -

        Email

        -
        lisaparker@gmail.com
        -
        -
        -

        Location

        -
        California, USA
        -
        -
        - -
        -
        Attached Files
        - -
        -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        App pages.zip
        -
        2.2MB
        -
        -
        -
        - -
        - - -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        Velzon admin.ppt
        -
        2.4MB
        -
        -
        -
        - -
        - - -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        Images.zip
        -
        1.2MB
        -
        -
        -
        - -
        - - -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        - -
        -
        -
        -
        -
        bg-pattern.png
        -
        1.1MB
        -
        -
        -
        - -
        - - -
        -
        -
        -
        -
        - -
        - -
        -
        -
        +
        + +
        +
        +
        - +
        +
        +
        +
        +
        + +
        +
        +
        +
        + + +
        + + +
        +
        +
        +
        +
        + +
        +
        + +
        +
        + Lisa Parker +
        +

        + Online +

        +
        + +
        + + + + + + +
        + + + +
        +
        +
        + +
        +
        Personal Details
        +
        +

        Number

        +
        +(256) 2451 8974
        +
        +
        +

        Email

        +
        lisaparker@gmail.com
        +
        +
        +

        + Location +

        +
        California, USA
        +
        +
        + +
        +
        Attached Files
        + +
        +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + App pages.zip +
        +
        2.2MB
        +
        +
        +
        + +
        + + +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + Velzon admin.ppt +
        +
        2.4MB
        +
        +
        +
        + +
        + + +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + Images.zip +
        +
        1.2MB
        +
        +
        +
        + +
        + + +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + +
        +
        +
        +
        +
        + bg-pattern.png +
        +
        1.1MB
        +
        +
        +
        + +
        + + +
        +
        +
        +
        +
        + +
        + +
        +
        +
        +
        +
        - - -
        -
        - +
        + +
        -
        - -
        +
        + +
        -
        -
        -
        Theme Customizer
        +
        +
        +
        Theme Customizer
        - -
        -
        -
        -
        -
        Layout
        -

        Choose your layout

        - -
        -
        -
        - - -
        -
        Vertical
        -
        -
        -
        - - -
        -
        Horizontal
        -
        -
        -
        - - -
        -
        Two Column
        -
        - - -
        -
        - - -
        -
        Semi Box
        -
        - -
        - -
        - - -
        - -
        Theme
        -

        Choose your suitable Theme.

        - -
        -
        -
        - - -
        -
        Default
        -
        -
        -
        - - -
        -
        Sass
        -
        -
        -
        - - -
        -
        Corporate
        -
        -
        -
        - - -
        -
        Galaxy
        -
        -
        -
        - - -
        -
        Material
        -
        -
        -
        - - -
        -
        Creative
        -
        -
        -
        - - -
        -
        Minimal
        -
        -
        -
        - - -
        -
        Modern
        -
        - -
        -
        - - -
        -
        Interactive
        -
        - -
        -
        - - -
        -
        Classic
        -
        - -
        -
        - - -
        -
        Vintage
        -
        -
        - -
        Color Scheme
        -

        Choose Light or Dark Scheme.

        - -
        -
        -
        -
        - - -
        -
        Light
        -
        - -
        -
        - - -
        -
        Dark
        -
        -
        -
        - - - -
        -
        Layout Width
        -

        Choose Fluid or Boxed layout.

        - -
        -
        -
        - - -
        -
        Fluid
        -
        -
        -
        - - -
        -
        Boxed
        -
        -
        -
        - -
        -
        Layout Position
        -

        Choose Fixed or Scrollable Layout Position.

        - -
        - - - - - -
        -
        -
        Topbar Color
        -

        Choose Light or Dark Topbar Color.

        - -
        -
        -
        - - -
        -
        Light
        -
        -
        -
        - - -
        -
        Dark
        -
        -
        - - - - - - - - - - -
        -
        Preloader
        -

        Choose a preloader.

        - -
        -
        -
        - - -
        -
        Enable
        -
        -
        -
        - - -
        -
        Disable
        -
        -
        - -
        - - - + +
        +
        +
        +
        +
        Layout
        +

        Choose your layout

        +
        +
        +
        + +
        +
        Vertical
        +
        +
        +
        + + +
        +
        Horizontal
        +
        +
        +
        + + +
        +
        Two Column
        +
        + + +
        +
        + + +
        +
        Semi Box
        +
        +
        -
        -
        +
        + + +
        + +
        Theme
        +

        Choose your suitable Theme.

        +
        -
        - +
        +
        + +
        -
        - Buy Now +
        Default
        +
        +
        +
        + +
        +
        Sass
        +
        +
        +
        + + +
        +
        Corporate
        +
        +
        +
        + + +
        +
        Galaxy
        +
        +
        +
        + + +
        +
        Material
        +
        +
        +
        + + +
        +
        Creative
        +
        +
        +
        + + +
        +
        Minimal
        +
        +
        +
        + + +
        +
        Modern
        +
        + +
        +
        + + +
        +
        Interactive
        +
        + + +
        +
        + + +
        +
        Classic
        +
        + + +
        +
        + + +
        +
        Vintage
        +
        +
        + +
        Color Scheme
        +

        Choose Light or Dark Scheme.

        + +
        +
        +
        +
        + + +
        +
        Light
        +
        + +
        +
        + + +
        +
        Dark
        +
        +
        +
        + + + +
        +
        Layout Width
        +

        Choose Fluid or Boxed layout.

        + +
        +
        +
        + + +
        +
        Fluid
        +
        +
        +
        + + +
        +
        Boxed
        +
        +
        +
        + +
        +
        + Layout Position +
        +

        + Choose Fixed or Scrollable Layout Position. +

        + +
        + + + + + +
        +
        +
        Topbar Color
        +

        Choose Light or Dark Topbar Color.

        + +
        +
        +
        + + +
        +
        Light
        +
        +
        +
        + + +
        +
        Dark
        +
        +
        + + + + + + + + + + +
        +
        Preloader
        +

        Choose a preloader.

        + +
        +
        +
        + + +
        +
        Enable
        +
        +
        +
        + + +
        +
        Disable
        +
        +
        +
        + + + +
        +
        +
        +
        +
        + +
        +
        + Buy Now +
        +
        +
        @@ -3459,8 +7851,7 @@ - + - - - \ No newline at end of file + + diff --git a/assets/css/app.min.css b/assets/css/app.min.css index 1135568..6018eb6 100644 --- a/assets/css/app.min.css +++ b/assets/css/app.min.css @@ -5447,8 +5447,8 @@ background-color: rgba(240, 101, 72, 0.4); } .avatar-xxs { - height: 1.5rem; - width: 1.5rem; + height: 2.5rem; + width: 2.5rem; } .avatar-xs { height: 2rem; @@ -17222,7 +17222,7 @@ span.flatpickr-weekday { } .chat-list > li a { display: block; - padding: 7px 24px; + padding: 16px 24px; color: var(--vz-body-color); -webkit-transition: all 0.4s; transition: all 0.4s; diff --git a/assets/css/custom.min.css b/assets/css/custom.min.css index 6ebf45f..5a3d983 100644 --- a/assets/css/custom.min.css +++ b/assets/css/custom.min.css @@ -1,3 +1,14 @@ +.fw-400{ + font-weight: 400; +} +.fw-500{ + font-weight: 500; +} +.text-15{ + font-size: 15px; +} + + /*# sourceMappingURL=custom.min.css.map */ .progress-nav .nav .nav-item .nav-link { @@ -17,4 +28,35 @@ .nav-link.active .step-label, .nav-link.done .step-label { display: block; - } \ No newline at end of file + } + + /* chat page */ + .chat-message { + display: flex; + align-items: center; + gap: 5px; + margin: 8px 0; +} + +.tick-icon { + color: gray; + font-size: 20px; +} +.tick-icon.active { + /* margin-right: px; */ + color: green; /* or #0f0 */ + + font-size: 20px; +} + +.chat-leftsidebar{ + margin: 10px; + border-radius: 10px; +} +.user-chat{ + margin: 10px; + border-radius: 10px; +} +.chat-list li{ + border-bottom: 1px solid rgba(184, 180, 180, 0.233); +} \ No newline at end of file