---
title: Activity Log Detail - Done
slug: activity-log-detail-done
docTags: 
createdAt: 2025-01-22T22:38:58.484Z
---

![](https://api.archbee.com/api/optimize/ekdzobNU8PAqpbk3VU6LC-wFA0Y8pq-H2RhuKkLZlJc-20250122-223951.png)

HTML

```html
<div class="modal-background" aria-hidden="true">
    <div class="modal-container _48" role="dialog" aria-labelledby="modal-title">
        <div class="modal-logo-container"></div>
        <div class="modal-heading-container">
            <h1 id="modal-title" class="modal-h1">Activity Log Entry Details</h1>
            <div class="space-1rem"></div>
            <div class="auth-form w-form" role="document">
                <div class="form">
                    <div class="w-layout-grid info-grid">
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="date">Date</label></div>
                            <div id="date">Jan 15, 2025 - 3:52 PM</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="user">User</label></div>
                            <div id="user">John Doe</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="type">Type</label></div>
                            <div id="type">User</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="action">Action</label></div>
                            <div id="action">Log in</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="object">Object</label></div>
                            <div id="object">n/a</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="language">Device Language</label></div>
                            <div id="language">EN-US</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="platform">Platform</label></div>
                            <div id="platform">Windows</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="user-agent">User Agent</label></div>
                            <div id="user-agent">Mozilla</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="ip-address">IP Address</label></div>
                            <div id="ip-address">64.123.132.123</div>
                        </div>
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="location">Location</label></div>
                            <div id="location">Surrey, British Columbia, Canada</div>
                        </div>
                    </div>
                    <div class="form-button-container">
                        <div class="form-field-container">
                            <div class="field-label-container"><label class="field-label" for="detail">Detail</label></div>
                            <div id="detail">
                                <p class="activity-log-details">User [Lee Vaniderstine] added new data [GENERAL_KNOWLEDGE: You are Santa Claus, the magical and jolly figure known for spreading joy and delivering gifts to children around the world...] linked to Expert [Santa Claus].</p>
                            </div>
                        </div>
                    </div>
                    <div class="form-button-container">
                        <button type="button" class="button full w-button" aria-label="Close">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-close-button w-embed" role="button" aria-label="Close modal">
            <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <line x1="18" y1="6" x2="6" y2="18"></line>
                <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
        </div>
    </div>
</div>
```